jQuery选择器

一. 基本选择器

1.* 选择器 如:$(“*”)

2.群组选择器 如 $(“ul li")

3.id选择器 如:$(“#box”)

4.标签选择器 如:$(“a")

5.类别选择器 如:$(“.box”)

二. 层次选择器

1.直系后代选择器 $(“div>p”)

2.下一个相邻的兄弟元素 如:$(.first+li)或$(“.first”).next(“li”)

3.后面所有的相邻的兄弟元素 如:$(“.first~li”)或$(“.first”).nextAll(“li”)

三. 过滤选择器

1.基本过滤选择器

1）:first选择第一个元素 如:$(“p:first”)

2）:last 选择最后一个元素 如：$(“p:last”)

3）:not 取非....的元素 如:$(“a:not(.active)”)

4）:even和:odd（取奇偶元素 索引从0开始，even偶数，odd奇数） 如:$(li:odd),$(li:even )

5）eq(x) 取指定索引的元素 如:$(“p:eq(3)”)

6）:gt(x)和lt(x)(取大于x索引或大于x索引的元素) 如:$(“p:gt(0)”)大于第一个p的元素

7）:header（选择h1~h6标题元素）如$(“:header”)

2.内容过滤选择器

1) :contains(text)(取包含text文本的元素) 如:$(“a:contains(href)”)

2) :empty(取不包含子元素或文本为空的元素) 如:$(“p:empty”)

3) :has (selector) (取选择器匹配的元素) 如:$(“li:has(a)”)

3. 可见性过滤选择器

1）:hidden 选取所有不可见元素或者type为hidden的元素 如:$(“div:hidden ”),$(“input:hidden”)

2) :visible 选取所有可见的元素 如$(“:visible”) ,$(“div:visible”)只有display:none/input type="hidden"起作用,opacity=0/visibility:hidden 不起作用

4.属性过滤选择器

1)[attrible] (取拥有attrible属性的元素) 如:$(div[id]) 选中了所有带id属性的div标签

2)[attrible =value]和attrible!=value 如:$(“a[title=link]”)$(“a[title!=link]”) 选取了所有title属性是link的a元素

3)[attrible^=value],[attrible $=value]和[attrible*=value] /属性值以value开始 ，以value结束， 或包含value的值 如:$("a[class^=hot]") $("a[class*=h]")

4)复合选择器 任意组合 如:$("a[class^=hot][class$=country]")

4.子元素过滤选择器

1）:first-child和:last-child 取第一个或最后一个元素 如：$("li:first-child")

2）:only-child 当某个元素是父元素唯一的子元素时 如：$("p:only-child")

3） :nth-child(x)/nth-child(even/odd)/nth-child(x+y) 如：$("div:nth-child(1)")

5.表单属性过滤选择器

1）enabled和disabled(取可用或不可用元素) input Textarea select... 如:$("enabled")$("disabled")

2）:checked 取选中的单选或复选按钮 如:$(":checked")$("input[type=radio]")

3）selected 下拉列表框已选中项过滤 如:$(":selected")

四．表单选择器

1.:submit 如:$(":submit")

2.:button 如：$(":button")

3.:file 如：$(":file")

4.:reset 如：$(":reset")

5.:password 如$(“:password”)

6.:radio 如:$(“:radio”)

7.:checkbox 如:$(“:checkbox”)

8.:hidden 如：$(“:hidden”)

9.:text 如:$(“:text”)