jQuery选择器大全

一、基本选择器                 1、标签选择器                     $("ul")                 2、类选择器                     $(".red")                 3、id选择器                     $("#menu")                 4、并集选择器                     $("div,p,.red,#menu");   //用逗号隔开                  4、全集选择器                      $(" * ") //星号代表所有，全部   二、层次选择器                   1、后代选择器（影响到所有的后代元素）                    $red=$("div span")   //选取<div>下所有的<span>元素                 2、子选择器（只能影响到子元素）                    $("div>h1");  //选取<div>下的子元素<h1>                 3、相邻元素选择器                 $("h1+p");  //选取紧邻<h1>之后的同辈元素<p>                 4、同辈元素选择器                  $("dt~dd");  //选取<dt>之后所有的同辈元素<dd> 三、属性选择器    （自定义属性的名字）                 1、$( “ [name] ” ) //选取含有name属性的元素                  2、$(  “  [name=phone ]  ”  )  //选取name属性值为phone的元素                    3、$(  “  [name!=live ]  ”  )  //选取name属性值不为live的元素                   4 、$(  “  [name^=a ]  ”  )  //选取name属性值以a开头的元素                   5 、$(  “  [name$=ing ]  ”  )  //选取 name属性值以ing结尾的元素                   5 、$(  “  [name*=b ]  ”  )  //选取 name属性值中含有b的元素   四、基本过滤选择器                     1、$( “ li : first ” )  //选取所有<li>中的第一个元素                   2、$( “ li : last ” )  //选取所有<li>中的第一个元素                     3、$( “ li : not (.red)  ” )  //选取所有<li>中class不是red的元素                       4、$( “ li : even ” )  //选取索引是偶数的所有<li>元素                       5、$( “ li : odd ” )  //选取索引是奇数的所有<li>元素                         6、$( “ li : eq(1) ” )  //选取索引为1的<li>元素                           7、$( “ li : lt(2) ” )  //选取索引小于2的<li>元素                       8、$( “ li : gt(3) ” )  //选取索引大于3的<li>元素                         9、$( “ : header ” )  //选取网页中的所有标题元素                         10、$( “ : focus ” )  //选取当前获取焦点的元素                         11、$( “ : header ” )  //选取当前所有动画元素         五、可见性过滤选择器                      1、$( “li : visible ” )  //选取所有可见的<li>元素                  2、$( “li : hidden ” )  //选取所有隐藏的<li>元素