jquery教程题库.docVIP

Jquery基础知识点 Jquery是一个优秀的javascript库，是由john Resig创建于2006年的开源项目。 Jquery强调的理念是 写的少，做得多（write less，do more）。 应用一句话：jquery就是对js基本操作的一种封装。 获取jquery最新版本 从/download/中获取最新版本的jquery信息。 jquery-1.10.2.min.js ： 压缩版本 jquery-1.10.2.js ： 完整无压缩版本，开发版本 环境准备 直接将js导入到网页中。 第一个例子： script src=jquery-1.10.2.min.js/script script $(document).ready(function() {//加载完页面要执行的代码都写在这里。 alert(hello world!); }); //或者 $(function(){ alert(hello world!); }); /script $(document).ready这个方法的作用是什么? 答：确保页面所有的元素都加载后再执行。 $ 这是个什么东西？ 答：这个就是一个方法，不过这个方法很强大，所以我们取名为选择器。 $()这个方法返回值是什么？ 答：返回选中的dom对象的类似数组的对象。 Jquery选择器(重点,核心)【第一天】 选择器是jquery的根基，在jquery中，对事件处理，遍历DOM和AJAX操作都依赖于选择器。 选择器是什么？ 一句话：就是用来获取页面dom对象的一个方法。 基本选择器（重点） 该选择器是通过元素id，class和标签名等来查找DOM元素。 选择器 描述 返回 示例 #id 得到给定的id的元素 对象 $(“#stuid”)选取id为stuid的元素 .class 得到给定的类名的元素集合 集合 $(“.test”)得到所有class为test的元素集合 element 得到给定的元素名的集合 集合 $(“div”)得到所div元素集合 * 得到文档所有元素集合 集合 $(“*”)得到了所有元素的集合 Select1，select2… 可以将上面的选择写在一起 集合 $(#stuid,div,.test)得到三个选择器的元素集合 例子： $(“div”).css(“background”,”blue”); //将所有的div元素加上背景颜色。 层次选择器（重点） 通过dom元素之间的层次关系来获取特定元素。例如：后代元素，子元素，相邻元素，同辈元素。$(“.c1input”) 选择器 描述 返回 示例 $(“ancestor descendant”) 选择ancestor元素里的所有descendant(后代)元素 集合 $(“div span”)得到div里的所有的span元素 $(“parent child”) 得到parent元素下的child(子)元素。 集合 $(“div span”)得到div里的所有的span子元素 $(“prev+ ”) 得到紧接在prev元素后的下一个元素 集合 $(“.one + div”)选取class为one的下一个div同辈元素 $(“prev ~ siblings”) 得到prev元素之后的所有同辈元素 集合 $(“#two~div”)得到id为two的元素后面的所有div同辈元素 表单选择器（重点） 为了使用户能够更加灵活地操作表单，jquery专门加入了表单选择器。 选择器 描述 返回 示例 :input 得到所有的input textareaselectbutton元素 集合 $(“:input”)得到所有的input textareaselectbutton元素 :text 得到单行文本框元素 集合 $(“:text”) :password 得到密码框元素 集合 $(“: password”) :radio 得到所有的单选框 集合 $(“:radio”) :checkbox 得到所有的多选框 集合 $(“:checkbox”) :submit 得到所有的提交按钮 集合 $(“:submit”) :image 得到所有的图像按钮 集合 $(“:image”) :reset 得到所有的重置按钮 集合 $(“:reset”) :button 得到所有的按钮 集合 $(“:button”) :file 得到所有的文件上传域 集合 $(“:file”) :hidden 得到所有的不可见元素 集合 $(“:hidden”) 过滤选择器 过滤选择器主要是通过特定的过滤规则来刷选出所需的DOM元素。 基本过滤选择器 选择器 描述 返回 示例 :first 得到第一个