JQuery对象选择详细说明

$("*")

表示获取所有的对象

$("#element")

等同于document.getElementById("element");

$(".abc")

表示获得HTML中所有使用了abc这个样式的元素

$("div")

表示获得HTML中所有的div元素

$("#a,.b,p")

表示获得ID是a的元素和使用了类样式b的元素以及所有的p元素

$("#a .b p")

表示获得了ID是a的元素所包含的使用了类样式的b元素中的所有的p元素

$("Element1 Element2 Element3 Element...")

css定义层级元素方式一样,只需要不同的元素之间有空格表示，前者父级后者子级以此类推。

$("div > input")

表示获取div下所有的input。

$("div + p")

     表示匹配紧跟在 div 元素后的 p 一个元素

$("div ~ p")

     表示匹配跟在 div 元素后的所有 p 元素

$("Element:first")

获得在HTML页面中某种元素的第一个，比如$("div:first")表示获得第一个div

$("Element:last")

获得在HTML页面中某种元素的最后一个，比如$("div:last")表示获得最后一个div

$("Element:not(selector)")

去除所有与给定选择器匹配的元素，比如$("input:not(:checked)") 表示选择所有没有选中的复选框

$("Element:even")

获得偶数行，从0开始计数

$("Element:odd")

获得奇数行，从0开始计数

$("Element:eq(index)")

匹配一个给定索引值的元素，从0开始计数，比如$("div:eq(3)")表示获得HTML中的第4个div

$("Element:gt(index)")

匹配所有大于给定索引值的元素，从0开始计数，比如$("p:gt(3)")表示获得比索引3也就是第4个p开始，之后所有的p

$("Element:lt(index)")

匹配所有小于给定索引值的元素，从0开始计数，比如$("p:lt(3)")表示获得比索引3也就是第3个p开始，之前所有的p

$(":header")

匹配h1,h2,h3...标题之类的元素

$("Element:animated")

匹配所有没有在执行动画效果中的元素（关于动画效果，在后面会讲到，在此只是一提，不必要在意，看不懂不要紧）

$("Element:contains(text)")

匹配元素对象中的文本是否包含某个字母或者某个字符串（符串或串(String)是由零个或多个字符组成的有限序列。）

$("Element:empty")

获得对象元素不包含文本或子元素

$("Element:parent")

以上面相反，获得对象元素包含文本或子元素

$("Element:has(selector)")

匹配含有某个元素是否包含某个元素 比如$("p:has(span)")表示所有包含span元素的p元素

$("Element:hidden")

匹配所有不可见元素，包括display:none以及input的属性是hidden都可以匹配得到。

$("Element:visible")

与上面相反，匹配所有可见元素