jquery 筛选元素(1)

.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'); 　　　　从集合中第三和第四项列表背景会被设置为红色。