上一节:

  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遍历参考手册。
上一节: