操作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");