jQuery 遍历 - 过滤
使用jQuery，我们可以轻松地从DOM元素列表中过滤掉各种元素。
在本章中，我们将说明如何缩小对DOM树中元素的搜索范围。
过滤DOM树
我们有以下jQuery方法，用于根据特定元素在一组元素中的位置来选择它们：
下面将向您展示如何使用每种方法。
jQuery first()方法
jQuery first()方法返回所选元素的第一个元素。
以下示例突出显示了第一段：
$(document).ready(function(){
$("p").first().css("background", "coral");
});测试看看‹/›jQuery last()方法
jQuery last()方法返回所选元素的最后一个元素。
以下示例突出显示了最后一段：
$(document).ready(function(){
$("p").last().css("background", "coral");
});测试看看‹/›jQuery eq()方法
jQuery eq()方法返回具有选定元素的特定索引号的元素。
索引号始终从0开始，因此第一个数字将具有索引0（而不是1）。
下面的示例选择第三段（索引号2）：
$("button").click(function(){
$("p").eq(2).css("background-color", "red");
});测试看看‹/›jQuery filter()方法
jQuery filter()方法返回与特定条件匹配的元素。
此方法过滤掉所有不符合所选条件的元素，并且将返回那些匹配项。
下面的示例返回所有类名为“ demo”的段落：
$(document).ready(function(){
$("p").filter(".demo").css("background", "coral");
});测试看看‹/›下面的示例返回所有偶数列表项：
$(document).ready(function(){
$("li").filter(":even").css("background", "coral");
});测试看看‹/›jQuery not()方法
jQuery not()方法返回不符合特定条件的元素。
此方法与该filter()方法相反。
下面的示例返回所有不具有类名称“ demo”的段落：
$(document).ready(function(){
$("p").not(".demo").css("background", "coral");
});测试看看‹/›jQuery has()方法
jQuery has()方法返回与指定选择器匹配的所有元素，其中包含一个或多个元素。
以下示例返回其中包含<span>元素的所有段落：
$(document).ready(function(){
$("p").has("span").css("background-color", "coral");
});测试看看‹/›jQuery is()方法
jQuery is()方法检查所选元素之一是否与给定参数匹配。
如果这些元素中的至少一个与给定参数匹配，则此方法将返回true，否则返回false。
下面的示例检查<p>的父级是否为<div>元素：
$(document).ready(function(){
$("p").parent().is("div");
});测试看看‹/›jQuery遍历参考
有关完整的遍历方法参考，请访问我们的jQuery遍历参考。