>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20988 个阅读者 刷新本主题
 * 贴子主题:  jQuery 遍历 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-12 14:17:15     消息  查看  搜索  好友  邮件  复制  引用

  

jQuery  遍历

什么是遍历?

     jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。

     下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。

                                                 点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小

       图示解析:    
  • <div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先。
  • <ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素
  • 左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素,同时是 <div> 的后代。
  • <span> 元素是 <li> 的子元素,同时是 <ul> 和 <div> 的后代。
  • 两个 <li> 元素是同胞(拥有相同的父元素)。
  • 右边的 <li> 元素是 <b> 的父元素,<ul> 的子元素,同时是 <div> 的后代。
  • <b> 元素是右边的 <li> 的子元素,同时是 <ul> 和 <div> 的后代。
                            
点击在新窗口中浏览原图
CTRL+鼠标滚轮放大或缩小 祖先是父、祖父、曾祖父等等。后代是子、孙、曾孙等等。同胞拥有相同的父。
            

遍历 DOM

   jQuery 提供了多种遍历 DOM 的方法。

  遍历方法中最大的种类是树遍历(tree-traversal)。




程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-03-07 12:51:09 重新编辑]
  Java面向对象编程-->输入与输出(上)
  JavaWeb开发-->Servlet技术详解(Ⅰ)
  JSP与Hibernate开发-->JPA API的高级用法
  Java网络编程-->创建非阻塞的HTTP服务器
  精通Spring-->Vue组件开发基础
  Vue3开发-->虚拟DOM和render()函数
  键盘按键与 键码对照表
  本以为精通Vue,没想到被前阿里大佬虐哭了......
  axios和vue-axios的关系
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  vue中监听object数据变化的基本原理
  前端面试题及答案汇总
  css 实现不定数量的tab切换和页面切换
  14个JavaScript优化建议
  JavaScript的Window 对象
  JavaScript Date 对象
  HTML支持的多媒体(Media)
  JavaScript 函数参数
  jQuery Mobile 事件
  jQuery Mobile 安装
  DTD - XML 构建模块
  更多...
 IPIP: 已设置保密
树形列表:   
1页 1条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。