`

Dojo类似Jquery操作DOM的方法

阅读更多
导入NodeList-traverse包
dojo.require("dojo.NodeList-traverse");

有下列方法:
dojo.query("#id").next();//当前节点的下一个节点
dojo.query("#id").prev();//当前节点的上一个节点
dojo.query("#id").prevAll();//当前节点的上面的所有节点
dojo.query("#id").nextAll();//当前节点的下面的所有节点
dojo.query("#id").closest();//离当前节点最近的父节点
dojo.query("#id").children();//当前节点下所有的子节点
dojo.query("#id").parent();//当前节点的父节点
dojo.query("#id").parents();//当前节点的所有父节点
dojo.query("#id").siblings();//当前节点的所有兄弟节点
dojo.query(".class").first();//返回查询到的第一个节点
dojo.query(".class").last();//返回查询到的最后一个节点
dojo.query(".class").even();//返回奇数节点
dojo.query(".class").odd(); //返回偶数节点

分享到:
评论

相关推荐

    Dojo vs jQuery 比较

    而jQuery虽然在小规模项目中表现出色,但在处理大量DOM操作或复杂应用时,可能不如Dojo高效。 关于工具和社区支持,jQuery拥有庞大的用户群体和丰富的插件生态系统,这意味着开发者可以找到大量的第三方资源来扩展...

    dojo1.6关于DOM相关操作的官方介绍

    1. **dojo.query**: 这是Dojo提供的一个强大选择器,类似于jQuery的`$`函数。它可以解析CSS选择器,并返回一个NodeList,这个NodeList可以进行链式操作。例如,`dojo.query(".myClass")`将选取页面上所有class为...

    小议JavaScript库——Dojo、jQuery和PrototypeJS的比较.pdf

    Dojo 库提供了许多有用的 UI 组件,jQuery 库提供了许多有用的功能,如 DOM、CSS 处理与导航、事件处理等,PrototypeJS 库提供了面向对象的抽象模型。 在选择 JavaScript 库时,需要考虑到项目的具体需求。如果...

    dojo常用方法总结

    - **`dojo.query`**:这是一个类似于jQuery的选择器方法,可以根据CSS选择器来获取页面中的元素。 ```javascript // 获取所有name属性以"aa"开头的元素 dojo.query("[name^=aa]"); // 获取id为"aa"的元素 ...

    dojo中文文档-dojo手册

    Dojo的dojo.query方法类似于jQuery的选择器,用于选取页面中的DOM元素。此外,Dojo还提供了一套强大的DOM操作API,如dojo.create、dojo.destroy和dojo.style,使得在JavaScript中操作DOM变得简单易行。 在数据交互...

    dojo-release-1.9.0-src.zip dojo javascript库源码

    Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,包括DOM操作、事件处理、Ajax交互、动画效果、模块化编程等。在"dojo-release-1.9.0-src.zip"这个压缩包中,我们获取的是Dojo 1.9.0版本的...

    dojo开发文档

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信、动画效果等各个方面。在"dojo开发文档"中,我们可以深入学习Dojo的核心特性和使用方法,提升我们的...

    Dojo-China.zip_chinadojo1688_dojo_dojo 实战_dojo中文网

    5. **dojo/NodeList**: 这是一个类似jQuery的选择器,用于选取DOM节点集合,并提供了丰富的链式操作方法。 6. **dojo/fx**: 包含了一系列的动画效果函数,如dojo/fx/Toggler可以实现元素的显示和隐藏动画,dojo/fx/...

    dojo相关详细资料

    - `dojo/ready`: 确保DOM加载完成后再执行代码,类似于jQuery的$(document).ready()。 2. Dojo Widgets(组件): Dojo 的强大之处在于其丰富的Widget系统。`dojo_widget.doc` 可能详细介绍了这些组件,如按钮、...

    Dojo 1.10版离线参考手册

    Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作到数据管理,从动画效果到AJAX通信等各个方面。在Dojo 1.10版离线参考手册中,我们可以深入了解到这个版本的详细信息和使用...

    dojo起步学习的好例子

    5. **DOM操作 (dojo.query and dojo.place)**:Dojo 提供了强大的DOM操作工具,如`dojo.query`可以像jQuery一样选择DOM元素,而`dojo.place`则可以方便地在文档中移动或插入元素。 6. **事件处理 (dojo.connect)**...

    dojo快速入门文档

    除了页面加载事件,Dojo 还提供了 `dojo.connect` 方法用于绑定 DOM 事件。此方法允许开发者轻松地将事件处理程序附加到 DOM 元素上。 示例代码如下: ```javascript function sayHello(event) { alert("Hello");...

    Dojo API 1.9.chm 离线参考手册

    3. **dojo/dom** 和 **dojo/query**:这两个模块提供了DOM操作的方法。`dojo/dom`用于获取、设置和操作DOM元素,而`dojo/query`则类似于jQuery的选择器,能方便地选取页面中的多个元素。 4. **dojo/NodeList**:`...

    四种流行的AJAX框架jQuery_Mootools_Dojo_ExtJS的对比

    - **DOM操作不如jQuery**: 在DOM操作和CSSSelector方面不如jQuery强大。 #### 三、Dojo **主页**: **优点**: - **强大的企业级支持**: 得到了IBM、Sun、BEA等大企业的支持,为企业应用提供了坚实的基础。 - **...

    dojo开发帮助文档

    除此之外,Dojo 还有强大的工具集,如`dojo/query`用于DOM查询,类似于jQuery的选择器;`dojo/dom-geometry`用于获取和设置元素的位置和尺寸;`dojo/on`用于事件监听等。 在Dojo 1.9中,值得注意的一个变化是Dojo ...

    dojo1.1 javascript框架

    Dojo的核心特性包括模块化、数据绑定、动画效果、DOM操作、事件处理以及Ajax通信等。 1. **模块化**:Dojo使用了AMD(Asynchronous Module Definition)模块加载机制,允许开发者按需加载JavaScript模块,减少页面...

    Dojo相应的jar包

    4. **dojo/query**: 类似于jQuery的选择器,用于选取DOM元素,支持CSS选择器语法。 5. **dojo/NodeList**: 一组DOM节点的集合,提供了一系列操作这些节点的方法。 6. **dojo/fx**: 提供了动画效果和转换功能,可以...

    dojo jqurey 技术

    模块可以帮助确保代码在DOM完全加载后执行,这与jQuery的$(document).ready()方法有类似作用,但更加符合AMD规范。 总结来说,Dojo 1.7.2版本通过删除冗余代码和优化模块化,提高了性能和易用性。同时,通过dojox...

    dojo-release-1.12.2

    2. **dojo/_base**:这个目录下的文件构成了Dojo的基础模块,包括事件处理、DOM操作、动画、定时器等功能。例如,`dojo/_base/lang`提供了语言扩展,如对象操作和函数绑定;`dojo/_base/event`处理事件绑定和解除。 ...

    dojo-release-1.0.2

    2. **DOM操作**:Dojo提供了`dojo/dom`和`dojo/query`模块,用于选择和操作DOM元素,类似于jQuery的功能,但更注重性能和跨浏览器兼容性。 3. **事件处理**:Dojo的`dojo/on`模块提供了一种简单的方式来监听和处理...

Global site tag (gtag.js) - Google Analytics