jQuery选择器

jq选择器，一个非常大的概念，是jQuery开发者必须熟练运用的核心技术。jQuery开发者能够高效的开发，得益于jQuery强大的选择器，使繁琐的DOM操作变得简单。

结合自己平时遇到的问题，对选择器做一个归纳和总结。

选择器形式：$("selector");     //@param selector

一、基本选择器

$(".className") 

$("#id")

$("element")

$("selector1,selelctor2,selectorN")

$("*")

$("parent children")

$("parent > children")

$("prev + next")

$("prev ~ sibling")

jQuery选择器特点之一：延续CSS特点，CSS的语法放在jQuery选择器中一样能用。

二、筛选选择器    

:first

:not(selector)

:even

:odd

:eq(index)

:gt(index)                 // 匹配下标 > index 的元素

:lang

:last

:lt(index)

:header

:animated               // 匹配在执行动画的元素 --->$("div:not(:animated)").animate({ left: "+=20" }, 1000);

:focus

:root                        // 根元素

:target                   

:contains(text)        // 匹配包含此字符串的元素

:empty                    

:has(selector)         // 匹配包含此选择器的元素

:parent                    // 匹配含有子元素或者文本的元素

:hidden                 

:visible

三、属性选择器

[attribute]                                            // $("input[data-attr]")

[attribute=value]                                 // $("input[type=checkbox]")

[attribute!=value]                                // 等价于 :not([attribute=value])  ***:not(selector)本身是一个选择器，并可以插入选择器

[attribute^=value]

[attribute$=value]

[attribute*=value]

[attrSel1][attrSel2][attrSelN]