jQuery 过滤
-
jQuery遍历 - 过滤
最基本的过滤方法是first(),last()和eq(),它们允许您根据元素在一组元素中的位置选择特定元素。其他过滤方法(如filter()和not())允许您选择与特定条件匹配或不匹配的元素。 -
jQuery first()方法
first()方法返回指定元素的第一个元素。以下示例选择第一个<div>元素:
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").first(); }); </script> </head>
-
jQuery last()方法
last()方法返回指定元素的最后一个元素。以下示例选择最后一个<div>元素:
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("div").last(); }); </script> </head>
-
jQuery eq()方法
eq()方法返回具有所选元素的特定索引号的元素。索引号从0开始,因此第一个元素的索引号为0而不是1.以下示例选择第二个<p>元素(索引号1):
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").eq(1); }); </script> </head>
-
jQuery filter()方法
filter()方法允许您指定条件,将从选择中删除与条件不匹配的元素,并返回匹配的元素。以下示例返回类名为“intro”的所有<p>元素:
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").filter(".intro"); }); </script> </head>
-
jQuery not()方法
not()方法返回与条件不匹配的所有元素。提示:not()方法与filter()相反。以下示例返回所有没有类名“intro”的<p>元素:
尝试一下<head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").not(".intro"); }); </script> </head>
有关所有jQuery遍历方法的完整概述,请转到我们的jQuery遍历参考手册。