zoukankan      html  css  js  c++  java
  • jquery遍历DOM树

    向上遍历DOM树 方法                返回  

    parent()                被选元素的直接父元素

    parents()                被选元素的所有祖先元素,包括文档的根元素(html)

    eg:  parents('ul')            被选元素的所有祖先ul元素

    parentsUntil('参数')            介于两个给定元素之间的所有祖先元素

    eg:  $("span").parentsUntil("div")      <span>向上到<div>元素之间所有的父元素,(不包括两参数div、span)


    向下遍历                     返回

    children()               被选元素的所有直接子元素  只会向下一级对DOM树遍历

    eg:  $('div').children('p.title')      div元素中类名为title的所有p元素

    find(“*”)                 被选元素的所有后代元素

    eg: find("span")              被选元素的所有span元素


    水平遍历                    返回

    siblings()                被选元素的所有同胞元素

    eg: siblings('p')              被选元素的同胞所有p元素

    next()                  被选元素的下一个同胞元素

    nextAll()                 从被选元素的向下开始的所有同胞元素(不包括被选元素)

    nextUntil(‘参数’)            介于两个给定参数之间的所有跟随的同胞元素  

    eg:  $("div").nextUntil("h1")          div到h1之间向下的所有同胞元素(不包括两个参数 div与h1)

    prev()                    被选元素的上一个同胞元素

    prevtAll()               从被选元素的向上开始的所有同胞元素(不包括被选元素)

    prevUntil(‘参数’)            介于两个给定参数之间的所有跟随的同胞元素  

    eg:  $("h3").prevUntil("p")           h3到p之间向上的所有同胞元素(不包括两个参数 h3与p)


    过滤                      返回

    first()                被选元素第一个元素

    eg:  $("div p")first()          div元素下的第一个p元素

    last()                被选元素的最后一个元素

    eq(参数)                被选元素中带有指定索引值的元素   索引从0开始

    eg:  $("p").eq(1)            第二个p元素  

    filter('参数')              从被选元素中过滤到不符合的元素,返回匹配的元素

    eg:   $("p").filter('.title')          返回所有类名是title的p元素

    not(‘参数’)                返回不匹配的元素  与filter()相反

    eg:  $('p').not('.title')        返回p元素类名不是title的元素

    来源:https://www.w3school.com.cn/jquery/jquery_traversing.asp

  • 相关阅读:
    vscode安装
    Linux下 Python绘图与可视化 及matplotlib与_tkinter安装
    C语言-结构体定义的几种方式
    leetcode- 88. 合并两个有序数组
    leetcode-16. 最接近的三数之和
    Leetcode-15. 三数之和
    Leetcode-561. 数组拆分 I
    Windows_pycharm下安装numpy
    python实现两个两个的翻转字符串
    linux复制文件夹、重命名文件夹、删除文件夹
  • 原文地址:https://www.cnblogs.com/zhd09/p/15766010.html
Copyright © 2011-2022 走看看