JQuery选择器

标签：

• 基础选择器

1. * 选择器(取走全部铅笔)
   • 它常与其他元素组合使用，表示获取其他元素中的全部子元素。
   • 单独使用‘*‘代表全部元素
2. sele1,sele2,seleN选择器
   • $(“sele1,sele2,seleN”)= $(“sele1”)、$(“sele2”)、$(“seleN”)
3. ance desc选择器
   • ance参数（ancestor祖先的简写）表示父元素；desc参数（descendant后代的简写）
   • $(ance desc)ance后代中所有的desc的集合
     
     • 例：<div>码农家族
                   <p>
                      <label></label>
                   </p>
                   <label></label>
               </div>
       
               <script type="text/javascript">
                   $("div label").css("background-color","blue");
               </script>
     • 其中$("div label")包含了div内部的所有label
4. parent > child选择器
   • parent > child选择器的范围要小些，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈
   • 例：
     • <div>
                   码农家族
                   <p>
                       <label></label>
                   </p>
                   <label></label>
                   <label></label>
               </div>
               <label></label>
       
               <script type="text/javascript">
                   $("div > label").css("border", "solid 5px red");
               </script>
     • 其中$("div > label")包含了div下第一级的label(不包含div p label)
5. prev + next选择器
   • prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素
6. prev ~ siblings选择器
   • prev ~ siblings选择器也是查找prev 元素之后的所有的相邻元素

• jQuery过滤性选择器

1. jQuery 参考手册 - 选择器

JQuery选择器

标签：

原文地址：http://www.cnblogs.com/123-mutouren/p/5140752.html