我们学习jQuery，主要是学习jQuery中的方法，来简化js开发。因此，学习jQuery主要是学习jQuery对象的各种方法，但前提是要先获取jQuery对象，即操作必先选中（获取），一切从选择器开始！
jQuery内部提供了三大类共9种选择器：
基本选择器层级选择器 过滤选择器—>过滤选择器一般用于对其他选择器的补充（缩小选择范围） a.基本过滤选择器 b.内容过滤选择器 c.可见性过滤选择器 d.属性过滤选择器 e.子元素过滤选择器 f.表单对象过滤选择器 g.表单对象属性过滤选择器基本选择器，是jQuery所有选择器的基础，通过元素的id属性、class属性、标签名称进行选择
$(“#mydiv,span,.className”)
#id（id选择器）根据id属性查找一个元素例如：$(“#mydiv”)element（标签选择器） 根据元素标签名称查找所有元素，例如： $(“div”);.class(类选择器)根据class属性查找元素，例如： (".myclass");原理是遍历所有的DOM节点，然后逐个判断是否使用了指定的类选择器，可以想象，如果页面上节点很多的情况下，效率很低，因此类选择器通常和标签选择器同时使用，例如: (“div.myclass”)，意思是获取所有使用了.myclass类的div元素，这样，jQuery会先找页面中的所有div，然后再遍历判断，大大减少了循环次数，从而提高了查询效率！selector1,selector2,selectorN（组合选择，多选，混用选择器）将每一个选择器匹配到的元素合并后一起返回 例如：$(“#myinput,div,p.pClass”); 意思是获取页面中ID为myinput的元素和所有的div元素和使用了.pClass的p元素 此种方式获取的是所有匹配元素的并集 一组：1,2,3 二组：2,3,4* 匹配所有元素 例如 $(““);意义不大！ <title>基本选择器</title> <!-- 引入jQuery中的js文件 --> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript"> jQuery(function($) { /* 需求： 1.获取页面中ID为foo的元素的内容 2.通过each()遍历所有div，在每个div元素前 加入 “单骑飘尘” 3.通过size() 或 length 打印页面中 class属性为 itcast 的元素数量 4.获取class属性为itcast的div的个数 */ // 1.获取页面中ID为foo的元素的内容 //alert($("#foo").html()); //2.通过each()遍历所有div，在每个div元素前 加入 “单骑飘尘” $("div").each(function(i) { //this表示当前的DOM对象 this.innerHTML = "单骑飘尘---" + i + "---" + this.innerHTML; //this表示当前的DOM对象，$(this):将当前DOM对象转换为jQuery对象 $(this).html("单骑飘尘===" + i + "===" + this.innerHTML); }); //3.通过size() 或 length 打印页面中 class属性为 ittest 的元素数量 //alert("size()---> class属性为 ittest 的元素数量: "+$(".ittest").size()); //alert("length---> class属性为 ittest 的元素数量: "+$(".ittest").length); //4.获取class属性为ittest的div的个数 alert("size()--->获取class属性为ittest的div的个数:"+$("div.ittest").size()); alert("length--->获取class属性为ittest的div的个数:"+$("div.ittest").length); }); </script> </head> <body> <div>DIVAAAA</div> <div class="ittest">DIVBBBB</div> <div>DIVCCCC</div> <div>DIVDDDD</div> <div class="ittest">DIVEEEE</div> <div id="foo">DIVFFFF</div> <p>PAAAA</p> <p class="ittest">PBBBB</p> <p>PCCCC</p> </body>