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遍历参考手册。