通过顺序来选择

:first

第一个元素

:last

最后一个元素

:even

序号为偶数的元素

:odd

序号为奇数的元素

:eq(n)

序号等于ｎ的元素

:lt(n)

序号小于n的元素

:gt(n)

序号大于n的元素

$("tr:even").addClass('even')

table tr.even {
    background: #CCC;
}

$('ul li').filter(':first');

选取正在执行动画的元素

$('div:animated'); // #1
$('div:not(div:animated').animate({height:100}); // #2

var myElem = $('#elem');
if (myElem.is(':animated')) {
   // do something
}

根据包含的内容来选择元素

<span>Hello Bob!</span>

$(‘span:contains("Bob")); # contains参数区分大小写，可以不需冒号

$(‘div:has(p a)‘);

逆向选择

$(‘div:not(#content))

$(‘a:not(div.important a, a.nav)‘);

var anchors = $(‘a‘);
anchors.click(function() {
   anchors.not(this).addClass(‘not-clicked‘);
});

通过是否可见来选择元素

if ($(‘#elem‘).is(‘:hidden‘)) {
    // Do something conditionally
}
$(‘p:visible‘).hide();

基于属性来选择元素

[attr]

是否具有此属性

[attr=val]

attr属性是否等于val

[attr!=val]

attr属性不等于val

[attr^=val]

attr属性以val开头

[attr$=val]

attr属性以val结尾

[attr~=val]

attr属性包含val

[attr]

是否具有此属性

$(‘a[href="http://google.com"]‘);

$(‘*[title][href]‘)

根据元素类型来选择

jQuery -> 获取元素的各种过滤器(filter),布布扣,bubuko.com

jQuery -> 获取元素的各种过滤器(filter)