zoukankan      html  css  js  c++  java
  • jQuery 遍历用法

    jQuery 遍历 DOM 树 

    parent() 方法返回被选元素的直接父元素(找爸爸)。
    parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (找长辈)。
    parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

    children() 方法返回被选元素的所有直接子元素(找儿子)。
    find() 方法返回被选元素的后代元素,一路向下直到最后一个后代(找后代)。

     <script>
            $(document).ready(function(){
                $("span").parentsUntil("div").css({"color":"red","border","2px solid red"});
            });
        </script>

    jQuery 遍历 - 同胞(siblings)

    siblings() 方法返回被选元素的所有同胞元素(找兄弟)。
    next() 方法返回被选元素的下一个同胞元素(找小弟)。
    nextAll() 方法返回被选元素的所有跟随的同胞元素。
    nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
    prev()用于筛选前一个同辈元素的表达式(找大哥)
    prevAll()查找当前元素之前所有的同辈元素
    prevUntil()查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。



    jQuery 遍历- 过滤

    first() 方法返回被选元素的首个元素。
    last() 方法返回被选元素的最后一个元素。
    eq() 方法返回被选元素中带有指定索引号的元素。从0开始而不是1
    filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
    not() 方法返回不匹配标准的所有元素。
     <script>
            $(function(){
                $("p").not(".intro").css("background-color","yellow");
            })
        </script>
  • 相关阅读:
    nyoj592 spiral grid
    ny788 又见Alice and Bob
    hdoj 1166 敌兵布阵 线段数和树状数组
    nyoj228 士兵杀敌(5)插线问线
    nyoj576 集齐卡片赢大奖(一)
    ny269 VF
    AC Again hdoj 1582 搜索
    nyoj123 士兵杀敌(四)树状数组 插线问点
    CRAVAT: Cancer-Related Analysis of VAriants Toolkit
    第二代无创胎儿基因组分析结果
  • 原文地址:https://www.cnblogs.com/amy-1205/p/5853246.html
Copyright © 2011-2022 走看看