`
openxtiger
  • 浏览: 151184 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[Js++开发历程] DOM的遍历

    博客分类:
  • Js++
 
阅读更多

DOM的遍历

对于Web开发,DOM的遍历是最为普遍了。

 

3.1.1 什么是DOM

DOM 是 Document Object Model(文档对象模型)的缩写。

 

3.1.2 DOM重要属性

nodeType 属性返回节点的类型。nodeType 是只读的。

比较重要的节点类型有:

元素=1 属性=2 文本=3 注释=8 文档=9

 

nodeName 属性规定节点的名称。

 

3.1.3 DOM的遍历

节点树中的节点彼此拥有层级关系。

父(parent)、子(child)和同胞(sibling)等术语用于描述这些关系。

父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。

由于DOM遍历时,会获取所有类型的节点,但大部分对DOM的操作都是对元素的操作,所以要做一些特殊处理

对于标准的DOM遍历,Js++提供了:

  match,child,children,first,last,prev,next,parent

对于selector遍历,Js++提供了:

  find,up,down,query

 

1
0
分享到:
评论

相关推荐

    DOM和BOM的使用

    节点迭代器是指 DOM 中的节点迭代器,它允许开发者遍历 DOM 树中的节点。节点迭代器提供了许多方法和属性,开发者可以通过这些方法和属性来操作文档的内容和结构。 查找 查找是指通过 JavaScript 查找 DOM 中的...

    jquery1.6.1_js+vsdoc+min

    4. DOM遍历:`.children()`, `.siblings()`, `.parent()`等函数提供了强大的DOM遍历能力,方便查找和操作DOM元素。 5. 插件生态:jQuery拥有丰富的插件生态系统,如滑动插件`jCarousel`, 弹出框`jQuery UI Dialog`,...

    jQuery基础教程+源代码+jquery1.7.2.js+中文API

    jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这个教程包含以下核心知识点: 1. **选择器**: jQuery的选择器功能强大,允许开发者通过CSS样式选择器、ID、类、属性...

    jQuery基于swiper.js可触摸滑动的发展历程时间轴特效.zip

    开发者可能通过数据遍历、事件监听和DOM操作,结合swiper.js的滑动功能,创建出一个可触摸滑动的时间轴。 为了实现这个特效,开发者首先需要在HTML中设置好时间轴的基本元素,如时间线容器、时间点标记等。然后,...

    jQuery公司发展历程时间轴代码.zip

    这款"jQuery公司发展历程时间轴代码"是为了展示jQuery公司(实际上可能指的是jQuery项目本身)的重要事件和发展里程碑而设计的一款JS特效。时间轴是一种有效的可视化工具,它能够清晰地呈现一系列按时间顺序排列的...

    JavaScript学习方案

    下面将详细介绍JavaScript的基础概念、核心语法、DOM操作、事件处理以及一些高级特性等内容。 #### 基础概念 1. **定义**: - JavaScript是一种解释型或即时编译型的编程语言。 - 它是一种轻量级的语言,常用于...

    jQuery水平横向时间轴历程代码.zip

    如果事件信息存储在JSON或者其他数据格式中,可能需要使用JavaScript进行数据遍历和渲染。`jiaoben6003`可能是包含这些数据的源文件,通过jQuery的`.each()`函数来处理数据并生成相应的HTML元素。 5. **兼容性和...

    prototype.js 1.4-1.6[全]

    Prototype.js 主要目标是简化JavaScript开发,它引入了一系列实用的工具函数,如数组操作、对象遍历以及事件处理等,极大地提升了开发效率。该库的命名来源于JavaScript中的原型概念,它是JavaScript实现面向对象...

    javascript入门

    除了基本语法和DOM操作外,JavaScript还包括了事件处理和BOM(浏览器对象模型)等高级特性,这些都是构成完整前端开发技能的重要组成部分。通过系统学习和实践,初学者可以逐步掌握这些知识,从而成为一名熟练的前端...

    JavaScript-关于JavaScript的学习了解

    作为一种解释型语言,JavaScript无需预先编译即可运行,这使得它在Web开发中特别受欢迎。 #### 二、发展历程 1. **起源**:JavaScript最初由网景公司(Netscape)的工程师布兰登·艾奇(Brendan Eich)在1995年...

    jquery javascript

    对于JScript,虽然在现代Web开发中使用较少,但了解其历史和与JavaScript的关系有助于全面理解Web开发的历程。查阅`JQuery_1.4_API.CHM`可以帮助深入掌握jQuery的用法,从而更好地利用这个强大的库来提升Web应用的...

    WEB前端开发初级教案.pdf

    1. JavaScript历史:介绍了JavaScript的发展历程及其在Web前端开发中的地位。 2. 基础知识:讲解了JavaScript的基本语法、变量、作用域等基础知识。 3. 数据类型:详细说明了JavaScript中的数据类型,包括基本类型和...

    一、JavaScript简史、概述

    随着技术的发展,JavaScript也逐渐从浏览器端扩展到服务器端,Node.js的出现使得JavaScript成为全栈开发的重要语言。 JavaScript的基础语法深受C和Java的影响,但它更注重简洁和易用性。它是一种弱类型、动态类型的...

    jquery api and js 1.7.1

    通过学习jQuery API 1.7.1 和 JavaScript 1.7.1,开发者可以更好地理解和利用这些工具,提高前端开发的效率,同时了解JavaScript的发展历程。文件`jQueryAPI_1.7.1_CN.chm`提供了详细的API参考,而`jquery-1.7.1.js`...

    jQuery时间轴公司发展历程特效.zip

    总结来说,"jQuery时间轴公司发展历程特效"是一个结合了jQuery和Swiper.js技术的创新展示方式,它展示了如何使用JavaScript库和现代Web技术来创建交互性强、视觉吸引力高的网页元素。通过学习和实践这样的项目,...

    jquery.js文件的各个版本

    此外,3.x系列还改进了DOM遍历和选择器的性能。 4. **jQuery 3.5.x**:这一阶段的更新主要集中在修复安全漏洞、提高稳定性以及保持与最新Web技术的兼容性。例如,jQuery 3.5.0发布时,修复了一些重要的安全问题,...

    jQuery发展历程时间轴代码.rar

    项目中的JavaScript部分可能包含了一个数组,存储了公司各个发展阶段的关键事件和对应的时间,然后通过循环遍历这个数组,动态生成时间轴的节点,并绑定相应的事件处理器。这样的设计使代码具有良好的可扩展性,可以...

    jquery.js包

    3.3.1版本包含了更多的优化和改进,如更好的DOM遍历和事件处理,以及对ES6语法的支持。此外,它还修复了多个安全问题,提高了库的稳定性。对于现代Web应用,这个版本通常是最优选,因为它提供了最新的特性和性能优化...

    JQuery各种版本的js文件

    此外,还优化了DOM遍历和事件处理,提高了性能。 2. JQuery 1.3.2: - 1.3.2版本是JQuery的一个关键升级,它带来了更快的DOM操作速度和更好的浏览器兼容性。这一版本引入了.live()方法,允许动态添加到DOM的元素也...

    jquery-1.8.3.js 官方包

    在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将详细探讨“jquery-1.8.3.js”官方包,这个版本在jQuery的发展历程中占有重要地位。 ...

Global site tag (gtag.js) - Google Analytics