• jquery几个常用的遍历函数


    1、children()
    返回当前元素的子元素,不包括孙级元素;
    2、parent()
    返回当前元素的直接父元素;
    $("this").parent().addClass(".on");
    3、parents()
    返回当前元素的所有父元素,包括body、html;
    4、find()
    查找当前元素的子节点的节点,即是操作当前元素的子元素;
    5、filter()
    查找当前元素符合条件的所有节点;

    例子:

    JS:

    var find=$("div").find(".on");
    alert(find.html());
    var filter=$("div").filter(".on");
    alert(filter.html());


    HTML:

    <div class="on">
      
    <p>这里是测试文本。</p>
      
    <class="on">这里是测试。</p>
      
    <p>这里是测试文本。</p>
    </div>

    find函数返回的是:这里是测试。
    filter函数返回的是:
      <p>这里是测试文本。</p>
      <p class="on">这里是测试。</p>
      <p>这里是测试文本。</p>

    6、not()
    与filter函数相反,移除集合中所匹配的元素
    7、add()
    在集合中增加一个元素
    8、slice(a,b)
    根据元素在集合中的位置获取集合的子集
    第一个参数是从零开始的第一个元素的位置,它包含在返回的片段中;
    第二个参数是从零开始的第一个元素的索引。不包含在返回的片段中。
    如果省略,将延伸至集合的末尾。
    9、siblings()
    选择一组元素的所有兄弟姐妹
    10、prev & prevAll
    prev()函数选择前一个兄弟节点;prevall()函数选择这组集合中前面所有的兄弟节点。
    $("this").prevAll().addClass(".on");
    11、next & nextAll
    next()函数选择后一个兄弟节点;nextAll()函数选择一组集合中后面所有的兄弟节点。

  • 相关阅读:
    BETA冲刺(6/7)
    BETA冲刺(5/7)
    BETA冲刺(4/7)
    BETA冲刺(3/7)
    BETA冲刺(2/7)
    福大软工 · 第十次作业
    BETA冲刺(1/7)
    第08组 Beta版本演示
    第08组 Beta冲刺(4/4)
    第08组 Beta冲刺(3/4)
  • 原文地址:https://www.cnblogs.com/lch880/p/1692428.html
Copyright © 2020-2023  润新知