操作jQuery集合——过滤操作

1.eq ( index )方法

获取第N个元素（从0算起）

2.filter ( expr )方法

用逗号分隔多个表达式（表达式直接是”或“的关系）

<input type="button" value="按钮" />

<input type="text" />

<input type="text" class="sel" />

$("input").filter(".sel").css("color","#f93");

$("input").filter(".sel,:first").css("color","#f93");

3.filter ( fn )方法

筛选出与指定函数返回值匹配的元素集合。函数会对每个对象计算一次。

如果调用的函数返回false，则这个元素被删除；否则就会保留。

<p>

<ol>

<li>hello</li>

</ol>

</p>

<p>how are you?</p>

$("p").filter(function(){

return $("ol",this).length==0;

}).css("color","blue");

4.has ( expr )方法

保留包含特定后代的元素，去掉那些不含有指定后代的元素。

expr可以是一个表达式、一个元素或一组元素。

5.hasClass ( class )

检查当前元素是否含有某个特定的类。如果有，则返回true。

这其实就是is ( "."+class)。

<div class="div1">div1</div>

<div class="div2">div2</div>

$("div").click(function(){

if ($(this).hasClass('div1')) {

$(this).css({

color: '#f93',

border: '2px solid #f93'

});

}

});

6.is ( expr )方法

检查当前选择的元素集合。返回值：true或false。

<form>

<input type="checkbox" />

</form>

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

alert("true");

7.map ( callback )方法

将一组元素转换成其他数组。

<p><b>网站：</b></p>

<form action="">

<input type="text" value="新浪" />

<input type="text" value="网易" />

<input type="text" value="百度" />

</form>

$("p").append(  $("input").map(function() {

return $(this).val();

}).get().join(", ")  );

//获取每个input元素的value值，并将它们追加到p元素里



8.not ( expr )方法

删除与指定表达式匹配的元素。

9.slice ( start , [ end ] )方法

选取一个匹配的子集。第一个元素是0，如果是负数，则可以从集合的尾部开始选起。

<p>段落1</p>

<p>段落2</p>

<p>段落3</p>

$("p").slice(0,2).css("color", "#f93");

$("p").slice(-2).css("color", "#f93");