Jquery选择器

在菜鸟教程给出的文档上，jquery的选择器有很多用法，让人看了眼花缭乱，笔者试图将它们捋清楚些，有错误请见谅。

jquery选择器有些沿用了css中一些用法，有些则是根据原生javascript派生而来，参照集合论的“子交并补”的运算方式，jquery选择器可以分为几种。

子集

#id                实例$('#dom')                即id为“dom”的元素，封装了document.getElementById('dom');方法，且每次只返回一个元素的引用。

.class            实例$('.dom')                即class为“dom”的元素，封装了document.getElementsByClassName("class");方法，每次返回一个数组。

:first                实例$('p:first')              即取第一个p元素

:last                实例$('p:last')                即取最后一个p元素

:even              $('tr:even')                    取所有index为偶数的tr元素（返回为数组）

:odd                实例$('tr:odd')                取所有index为奇数的tr元素(返回为数组）

*                      实例$('*')                        取所有的dom元素（数组），全集

parent>child    $('div>p")                    取所有div直接下属的p元素

parent descendant $('div p')                取所有div下属的所有p元素（不管是不是直接包含）

区间

:eq(index)        $('ul li:eq(3)')                取index为3的元素

:gt(no)              $('ul li:gt(3)')                取index>3的元素

:lt(no)                $('ul li:lt(3)')                取index<3的元素

属性

[attribute]          $('[href]')                        取所有带有href属性的元素

[attribute=value]          $('[href=xx.html]')            取所有href为xx.html的元素

[attribute!=value]           $('[href=xx.html]')            取所有href不为xx.html的元素

并集

上述查询用‘，’分开即可取并集