jquery筛选元素

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

.eq()

减少匹配元素的集合为指定的索引的那一个元素。

.eq(index)

index一个整数,指示元素的位置,以0为基数。

$("li").eq(2).CSS('background-color', 'red')

//选择第三个元素将其 将其背景变成红色。

.eq(-index)

-index 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。

$("li").eq(-2).css('background-color', 'red')

//选择倒数第二个元素,将其背景变成红色。

.filter()

筛选元素集合中匹配表达式或通过函数测试的 那些元素集合。

.filter(selector)

一个用于匹配元素的选择器字符串。

$('li').filter(':even').css('background-color','red');

// 将为奇数行的元素的背景变成红色。

.filter(function(index));

function(index)

一个函数用作测试集合中的每个元素。this是当前DOM元素。

$("li").filter(function(index){

return index % 3 == 2;

}).css('background-color','red');

将第三个和第六个三的倍数变成红色。

.filter(element)

element 一个或多个DOM元素匹配当前元素集合。

$("div").filter(".mddle").css("border-color","red");

获得div 中含有.middle 选择器的元素,将其背景变成红色。

.filter(jQuery object)

jQuery object 类型为对象

用于进一步筛选当前元素集合。

$("div").filter(function(index){

return index == 1 || $(this).attr("id") =="fourth";

}).css("border","3px double red")

获得div 中含有 索引值等于1 或id选择器为 fourth的元素,改成边框。

.first()

获取匹配元素集合中第一个元素。

这个方法不接受任何参数。

$("li").first().css("background-color",'red');

//找到里"li"中第一个元素,将背景颜色变成红色。

.has()

筛选匹配元素集合中的那些有相匹配的选择器,或DoM 元素。

.has(selector)

selector 一个用于匹配元素的选择器字符串。

.has(contained)

contained 用于匹配元素的DOM 元素。

$('li').has('ul').css('background','red');

过滤出li 中包含 ul 的 元素。

.is()

判断当前匹配的元素集合中,是否为一个选择器, DOM 元素,或者jQ 对象, 如果有一个匹配,那么返回true。

.is(selector)

一个字符串,包含一个用来匹配元素的选择器表达式。

.is(function(index))

一个函数,用来测试集合中的元素..index 索引位置。 this指的是当前的元素。

.is(jQuery object)

现有的元素,以匹配当前的元素。

.is(element)

element 一个用于匹配的DOM 元素。

$("input[type='checkbox']").parent().is("form");

判断表单类型为checkbox 的元素的父级是不是 'form' 如果是返回 true 不是返回 false

.last()

获取匹配元素中的最后一个。

这个方法不接受任何参数。

$("li").last().css("background-color",'red');

//找到里"li"中最后一个元素,将背景颜色变成红色。

.map()

通过一个函数匹配当前集合中的每一个元素。产生一个包含新的对象。

.map(callback(index,domElemnt))

callback(index,domElemnt)

一个函数对象。

$('input').map(function(){

return $(this).val();

}) 获取到input 集合中每个的value 值。

.not()

从匹配的元素集合中移除指定的元素。

.not(selector)

selector 一个用于匹配元素的选择器。

$('li').not($('.notli')).css('background-color',red);

除带有.notli 选择器以外的 背景颜色设置为红色。

.not(elements)

elements 要从元素集合中移除的一个或或多个DOM 元素。

$('li').not(':event').css('background-color','red')

列表项2和4会变成红色。因为不匹配选择器。

$('p').not($("div p.selected"))

从段落集合中移除满足“div p.selected”的元素。

.not(function(index))

unction 一个函数用作测试集合中的每个元素,this 是指当前的DOM元素。

.slice()

根据指定的下标范围,过滤匹配的元素集合,生产一个的对象。

.slice(start[,end])

start 一个整数,从0开始计数的下标。起始下标,如果是负数可从末尾开始。

end 一个整数,从0开始计数的下标。结束下标,如果不写一直到最后。

$('li').slice(2).css('background-color', 'red')

从集合中第三个开始 背景全部为白色。

$('li').slice(2, 4).css('background-color', 'red');

从集合中第三和第四项列表背景会被设置为红色。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航