传智播客学习之JQuery选择器

一、 基本过滤选择器

基本过滤选择器重要包括：

:first 、:last、:not(selector) 、:even、:odd、:eq(index)、:gt(index)、:lt(index)、:header、:animated

二、 内容过滤选择器

：contains（text）选取含有文本内容为text的元素

$("div:contains('John')") 选取内容包含John的div元素

：empty 选取不包含子元素或者文本的空元素

$("td:empty") 选择不含子元素或者文本的td

：has(selector)选取含有选择器匹配的元素的元素

eg：$("div:has(p)").addClass("test");选择有p元素的div，并给其增加class属性，值为test

：parent 选取含有子元素或者文本德元素

eg：$("td:parent") 选择有子元素或者文本的单元格

三、 可见性过滤选择器

:hidden  匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到

$("tr:hidden") 选择所有style中display为none即不可见的tr

注意hidden不仅包括样式属性的display为none的元素，也包括文本隐藏域和visible=hidden等的元素。通过show方法可以让其变为显示元素。所以我们要设置隐藏的特效，需要在执行show方法之前设定。

:visible  匹配所有的可见元素

$("tr:visible") 选择style中display不为none即可见的tr

四、 属性过滤选择器

[attribute=value] 匹配所有含有指定的属性，但属性等于特定值的元素。

[attribute!=value] 匹配所有含有指定的属性，但属性不等于特定值的元素。

[attribute^=value] 匹配给定的属性是以某些值开头的元素

[attribute$=value] 匹配给定的属性是以某些值结尾的元素

[attribute*=value] 匹配给定的属性是以包含某些值的元素

[attribute]  匹配包含给定属性的元素

[selector1][selector2][selectorN]  复合属性选择器，需要同时满足多个条件时使用。

eg：$("input[id][name$='man']") 含有id属性却name属性以man结尾的input元素

五、 子元素过滤选择器·

:first-child 匹配第一个子元素

eg：每个class为one的div元素下的第2个子元素 $("div.one :first-child")

:last-child  匹配最后一个子元素

eg：每个class为one的div元素下的第1个子元素 $("div.one :last-child")

:nth-child(index/even/odd/equation) 匹配其父元素下的第N个子或奇偶元素

eg：每个class为one的div元素下的最后1个子元素 $("div.one :nth-child(2)")

:only-child 如果某个元素是父元素中唯一的子元素，那将会被匹配

eg：每个class为one的div元素下只有1个元素的 $("div.one :only-child")

六、 表单对象过滤选择器

:checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)

:selected  匹配所有选中的option元素

:disabled 匹配所有不可用元素

:enabled  匹配所有可用元素