选择器

1、基本选择器

a、$("#test")选择id为test的元素
b、$(".test")选择class为test的元素
c、$("p")选取所有的<p>元素
d、$("*")选取所有的元素
e、$("div,span,p.myclass")选取所有<div><span>和class为myclass的<p>元素

2、层次选择器

a、$("div span")选择div里所有的span元素
b、$("div>span")选择div元素下名为span的子元素

注：a与b的区别：a是div里所有的span元素。而b是div里的直接子元素span。

c、$(".one+div")选取class为one的下一个div的同辈元素。【也可以写成：$(".one").next("div")】
d、$(".two~div")选取id为two的元素后面的所有div同辈元素【也可以写成：$(".two").nextAll("div")】

注：d与siblings()方法的区别：d选择的是class名为two元素后面的同辈元素，而siblings()方法与前后位置无关，只要是同辈节点就都匹配。

3、过滤选择器

基本过滤选择器

a、$("div:first")选取所有div元素中的第一个div元素。
b、$("div:last")选取所有div元素中的最后一个div元素。
c、$("input:not(.myclass)")选取所有input元素中class名不是myclass的input元素。
d、$("input:even")选取索引值是偶数的input元素。(索引值从0开始）
e、$("input:odd")选取索引值是奇数的input元素。(索引值从0开始）
f、$("input:eq(n)")选取索引值为n的input元素。
g、$("input:gt(1)")选取索引大于1的input元素。（大于1，不包括1）
h、$("input:lt(1)")选取索引值小于1的input元素（小于1，不包括1）
i、$(":header")选取网页中所有的<h1>、<h2>、<h3>...
j、$("div:animated")选取正在执行动画的div元素。
k、$(":focus")选取当前获取焦点的元素。

内容过滤选择器

a、$("div:contains('我')")选取含有文本'我'的div元素。
b、$("div:empty")选取不包含子元素的div空元素。
c、$("div:has(p)")选取含有p元素的div元素。
d、$("div:parent")选取拥有子元素的div元素。

可见性过滤选择器

a、$(":hidden")选取不可见的元素。包括<input type="hidden" />、<div style="display:none;">和
  <div style="visibility:hidden;">等元素。如果只想选取<input>元素，可以使用$("input:hidden")
   实例：$("div:hidden").show(2000)
b、$("div:visible")选取所有课件的div元素。

属性过滤选择器

a、$("div[id]")选取拥有属性id的元素。
b、$("div[title=test]")选取属性title为test的div元素。
c、$("div[title!=test]")选取属性title不等于test的div元素.(注：没有属性title的div元素也会被选取)
d、$("div[title^=te]")选取属性title以te开始的div元素。
e、$("div[title$=st]")选取属性title以st结束的div元素。
f、$("div[title*=tes]")选取属性title含有tes的div元素。
g、$("div[title|='en']")选取属性title等于en或以en为前缀（该字符串后跟一个连字符"-"）的元素
   (如：title="en-uk")
h、$("div[title~='uk']")选取属性title用空格分隔的值中包含uk的元素。（如：title="en uk"）
i、$("div[id][title$='st']")选取拥有id属性。并且属性title以st结束的div元素。

子元素过滤器

a、$("div.one :nth-child(even)")选取每个父元素下的索引值是偶数的元素。
   $("div.one :nth-child(odd)")选取每个父元素下索引值是奇数的元素。
   $("div.one :nth-child(2)")选取每个父元素下索引值等于2的元素。
   $("div.one :nth-child(3n)")选取每个父元素下索引值是3的倍数的元素（index从1开始）。
   $("div.one :nth-child(3n+1)")选取每个父元素下索引值是3n+1的元素。（index从1开始）

注：一定要注意冒号(:)前边的空格.
     如：$("div.one :hidden")     选取的是class为one的元素里面的隐藏元素。
         $("div.one:hidden")      选取隐藏的class为one的元素
    

b、$("ul li:first-child")选择每个ul中第一个li元素。
c、$("ul li:last-child")选择每个ul中最后一个li元素。
注：与first/last的区别：first/last只会返回单个元素。而first-child/last-child将为每一个父元素匹配第一个/最后一个子元素。

表单对象属性过滤选择器 

a、$("form :enabled")选取form表单内的所有可用元素。
b、$("form :disabled")选取form表单内的所有不可用元素。
c、$("form :checked")选取form表单内复选框被选中的元素。
d、$("form :selected")选取form中，下拉列表被选中的元素。

4、表单选择器

a、$("form :input")选取所有的<input>、<textarea>、<select>、<button>元素。（注意与$("form input")的区别，它只是选中所有的input元素。）
b、$("form :text")选取所有的text文本。        如：<input type="text" />
c、$("form :password")选取所有的密码框。      如：<input type="password">
d、$("form :radio")选取所有的单选钮。         如：<input name="nmu" type="radio" />
e、$("form :checkbox")选取所有的复选框。      如：<input name="add" type="checkbox" />
f、$("form :reset")选取所有的重置按钮。       如：<input type="reset" />
g、$("form :button")选取所有的button按钮    包括：<button>按钮</button>和<input type="button" />
h、$("form :file")选取所有的上传域。          如：<input type="file" />
i、$("form :hidden") 选取所有不可见元素。     如：<input type="hidden" />

转载于:https://my.oschina.net/u/1029355/blog/124743