一 基本选择器

选择器 如:$(“”)

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

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

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

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

二 层次选择器

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

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

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

三 过滤选择器

1.基本过滤选择器

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

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

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

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

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

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

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

2.内容过滤选择器

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

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

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

4.  :parent(取子元素或文本的元素)  如:$(“p:parent”)

3.可见性过滤选择器

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

2. :visible   选取所有可见的元素 如$(“:visible”) ,$(“div:visible”)

只有display:none/input type="hidden"起作用,

opacity=0/visibility:hidden 不起作用

4.属性过滤选择器

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

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

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

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

5.子元素过滤选择器

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

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

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

6.表单属性过滤选择器

:enabled 和 :disabled (取可用或不可用元素) input textarea select...  

如：$(":enabled")$(":disabled")

:checked 单选/复选框已选中 如：$(":checked")

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

7.表单选择器

:text

:password

:radio

:checkbox

:submit

:button

:input

:reset

:file

:hidden

: