第二章 jQuery选择器

#选择器

##基本选择器

(#id)

根据给定的id匹配一个元素,$("#test")

(.class)

根据给定的类名匹配元素集合,$(".test")

element
根据元素名匹配,$("td")

匹配所有元素

selector1,selector2
匹配每一个元素后合并,$("div,span,p.class")

##层级选择器

$("body div")

后代元素

$("body > div")

内子元素

$("one + div")

下一个同辈元素,可用next()方法代替

$("#tow ~ div")

后面的同辈元素，可用nextAll()方法代替

##过滤选择器

:first 匹配第一个元素

:last 最后一个元素

:not(selector) 排除

:even 索引为偶数

:odd 索引为基数

:eq(index) 索引等于index

:gt(index) 索引大于index

:lt(index) 索引小于index

:focus 获取焦点的元素

##内容过滤器

:contains(text) 选取内容含有文本内容的元素

:has(selector) 含有选择器匹配的元素 $("div:has(p)")

##属性过滤选择器

[attribute] 选取拥有此属性的元素 $("div[id]")

[attribute=value] 属性值为value的元素, $("div[title=test]")

[attribute^=value] 属性值以value开始
$("div[title^=test]")

[attribute$=value]

[attribute*=value]

##子元素过滤器

nth-child(index/even/odd)

$("div.one :nth-child(2)").css("")

改变每个class为one的<div>父元素下的第二个字元素的css

:first-child

:last-child

##表单对象属性过滤选择器

:enabled 选择表单内的所有可用元素

$("#form1 :enabled")

:disabled 选取不可用元素

$("#form2 :disabled")

:checked 选择所有被选中的元素（单选框，复选框）

$("input :checked")

:selected 选取所有被选中的选项元素

$("select option:selected");