jQuery -> 获取各种滤芯(filter)

2022-10-15 12:33:55

按顺序选择

依次选择过滤器(filter)有着

假设有例如以下的表格

html代码例如以下

假设须要改动全部序号为偶数的tr的式样。用jQuery则能够很easy的实现

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

even是在css中定义的式样

table tr.even {

    background: #CCC;

}

加入even式样后，表格例如以下所看到的

jQuery也提供了filter函数

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

过滤器是:animated

使用方法例如以下

$('div:animated'); // #1

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

也能够使用动画过滤器来推断元素是否正在运行动画

var myElem = $('#elem');

if (myElem.is(':animated')) {

   // do something

}

过滤器：has(), contains()

使用方法例如以下

假设要选取包括特定文字的元素。能够使用contains

HTML

<span>Hello Bob!</span>

$('span:contains("Bob")); # contains參数区分大写和小写，能够不需冒号

通过has来使用selector

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

过滤器 not

not的參数也是一个selector

$('div:not(#content))

当然也能够使用复杂的selector

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

jQuery也提供了not方法

var anchors = $('a');

anchors.click(function() {

   anchors.not(this).addClass('not-clicked');

});

选择器 hidden, visible

使用方法例如以下所看到的

if ($('#elem').is(':hidden')) {

    // Do something conditionally

}

$('p:visible').hide();

过滤器

使用方法

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

连续使用多个属性过滤器

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

过滤器