jQuery选择器大全

一、基本选择器
1、标签选择器
$(“ul”)
2、类选择器
$(".red")
3、id选择器
$("#menu")
4、并集选择器
$(“div,p,.red,#menu”); //用逗号隔开
4、全集选择器
$(" * ") //星号代表所有，全部

二、层次选择器
1、后代选择器（影响到所有的后代元素）
$red=$(“div span”) //选取

下所有的元素
2、子选择器（只能影响到子元素）
$(“div>h1”); //选取

下的子元素

3、相邻元素选择器 $(“h1+p”); //取紧邻

之后的同辈元素

4、同辈元素选择器
$(“dt~dd”); //选取<dt>之后所有的同辈元素

三、属性选择器 （自定义属性的名字）
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 ” ) //选取所有

• 中的第一个元素
  3、$(“li:not(.red)”)//选取所有<li>中class不是red的元素4、$( “ li : even ” ) //选取索引是偶数的所有
• 元素
  5、$(“li:odd”)//选取索引是奇数的所有<li>元素6、$( “ li : eq(1) ” ) //选取索引为1的
• 元素
  7、$(“li:lt(2)”)//选取索引小于2的<li>元素8、$( “ li : gt(3) ” ) //选取索引大于3的
• 元素
  9、$(“:header”)//选取网页中的所有标题元素10、$( “ : focus ” ) //选取当前获取焦点的元素
  11、$( “ : header ” ) //选取当前所有动画元素

• 五、可见性过滤选择器

              1、$( “li : visible ” ) //选取所有可见的<li>元素
              2、$( “li : hidden ” ) //选取所有隐藏的<li>元素 
  

  ---

  作者：郭晋阳
  来源：优快云