zoukankan      html  css  js  c++  java
  • jQuery 遍历- 过滤

    缩小搜索元素的范围

    三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

    其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。


    jQuery first() 方法

    first() 方法返回被选元素的首个元素。

    下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("div p").first().css("background-color","yellow");
    });
    </script>
    </head>
    <body>
    
    <h1>欢迎访问我的主页</h1>
    <div>
        <p>这是 div 中的一个段落。</p>
    </div>
    
    <div>
        <p>这是另外一个 div 中的一个段落。</p>
    </div>
    
    <p>这是一个段落。</p>
    
    </body>
    </html>

    jQuery last() 方法

    last() 方法返回被选元素的最后一个元素。

    下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:

    <script>
    $(document).ready(function(){
        $("div p").last().css("background-color","yellow");
    });
    </script>
    //html 内容一致

    jQuery eq() 方法

    eq() 方法返回被选元素中带有指定索引号的元素。

    索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):

    $(document).ready(function(){
      $("p").eq(1);
    });

    jQuery filter() 方法

    filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

    下面的例子返回带有类名 "url" 的所有 <p> 元素:

    <script>
    $(document).ready(function(){
       $("p").filter(".url").css("background-color","yellow");
    });
    </script>

    jQuery not() 方法

    not() 方法返回不匹配标准的所有元素。

    提示:not() 方法与 filter() 相反。

    下面的例子返回不带有类名 "url" 的所有 <p> 元素:

    $(document).ready(function(){
      $("p").not(".url");
    });
  • 相关阅读:
    Jquery EasyUI选项卡-Tabs的使用方法
    JS—正则表达式
    Visiual Studio2012 CLR20r3问题
    JSON.stringify 语法实例讲解
    JS中对数组的操作方法
    easyUI之datagrid
    (转帖)关于easyui中的datagrid在加载数据时候报错:无法获取属性"Length"的值,对象为null或未定义
    [转载]JQ 选择器大全[<font color=red>强记忆</font>]
    thinkphp函数学习(1)——header, get_magic_quotes_gpc, array_map, stripslashes, stripslashes_deep
    thinkphp函数学习(0)——开篇
  • 原文地址:https://www.cnblogs.com/ZXH-null/p/13067740.html
Copyright © 2011-2022 走看看