zoukankan      html  css  js  c++  java
  • JQuery 遍历

    向上遍历

    • parent()
    • parents()
    • parentsUntil()

    jQuery parent() 方法

    parent() 方法返回被选元素的直接父元素

    该方法只会向上一级对 DOM 树进行遍历

    $("span").parent();

    jQuery parents() 方法

    parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。 可以进行过滤

     $("span").parents();
      $("span").parents("ul");

    jQuery parentsUntil() 方法

    parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

    $("span").parentsUntil("div");

    向下遍历

    • children()
    • find()

    jQuery children() 方法

    children() 方法返回被选元素所有直接子元素

    该方法只会向下一级对 DOM 树进行遍历。 (只会选中子,不会选中孙)   可以进行过滤

    $("div").children();
    $("div").children("p.1");

    jQuery find() 方法

    find() 方法返回被选元素的后代元素一路向下直到最后一个后代。  可以进行过滤

    $("div").find("span");
      $("div").find("*");

    同一级元素

    • siblings()
    • next()
    • nextAll()
    • nextUntil()
    • prev()
    • prevAll()
    • prevUntil()

    jQuery siblings() 方法

    siblings() 方法返回被选元素的所有同胞元素 可过滤

     $("h2").siblings();
     $("h2").siblings("p");

    jQuery next() 方法

    next() 方法返回被选元素的下一个同胞元素

    该方法只返回一个元素。

     $("h2").next();

    jQuery nextAll() 方法

    nextAll() 方法返回被选元素的所有跟随的同胞元素

     $("h2").nextAll();

    jQuery nextUntil() 方法

    nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素

      $("h2").nextUntil("h6");

    jQuery prev(), prevAll() & prevUntil() 方法

    prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

    jQuery filter() 方法

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

      $("p").filter(".intro");

    jQuery not() 方法

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

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

     

    jQuery 遍历 - each() 方法

                           var Aids = “1,2,3,4,5”.split(',');
                            for (var i = 0; i < Aids.length; i++) {
                              consoelo.log(Aids[i]);
                            }
                          
                         $.each(Aids, function (i, index) {
                                console.log(index);  //i为索引值,index为当前元素
                               
                            });
                     $(Aids).each(function () {    
                         console.log(this);
                    });
  • 相关阅读:
    配置管理-SVN使用指南-Linux
    配置管理-SVN权限详解
    配置管理-SVN使用指南
    Unity3d之Mecanim(新版动画系统)
    Unity3d之Animation(动画系统)
    iTween基础之iTweenPath(自定义路径移动)
    iTween基础之Color(变换颜色)
    unity工具IGamesTools之批量生成帧动画
    unity2d之2d帧动画创建
    iTween基础之Fade(淡入淡出)
  • 原文地址:https://www.cnblogs.com/Sea1ee/p/7234991.html
Copyright © 2011-2022 走看看