导入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(); //返回偶数节点
分享到:
相关推荐
而jQuery虽然在小规模项目中表现出色,但在处理大量DOM操作或复杂应用时,可能不如Dojo高效。 关于工具和社区支持,jQuery拥有庞大的用户群体和丰富的插件生态系统,这意味着开发者可以找到大量的第三方资源来扩展...
1. **dojo.query**: 这是Dojo提供的一个强大选择器,类似于jQuery的`$`函数。它可以解析CSS选择器,并返回一个NodeList,这个NodeList可以进行链式操作。例如,`dojo.query(".myClass")`将选取页面上所有class为...
Dojo 库提供了许多有用的 UI 组件,jQuery 库提供了许多有用的功能,如 DOM、CSS 处理与导航、事件处理等,PrototypeJS 库提供了面向对象的抽象模型。 在选择 JavaScript 库时,需要考虑到项目的具体需求。如果...
- **`dojo.query`**:这是一个类似于jQuery的选择器方法,可以根据CSS选择器来获取页面中的元素。 ```javascript // 获取所有name属性以"aa"开头的元素 dojo.query("[name^=aa]"); // 获取id为"aa"的元素 ...
Dojo的dojo.query方法类似于jQuery的选择器,用于选取页面中的DOM元素。此外,Dojo还提供了一套强大的DOM操作API,如dojo.create、dojo.destroy和dojo.style,使得在JavaScript中操作DOM变得简单易行。 在数据交互...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信、动画效果等各个方面。在"dojo开发文档"中,我们可以深入学习Dojo的核心特性和使用方法,提升我们的...
5. **dojo/NodeList**: 这是一个类似jQuery的选择器,用于选取DOM节点集合,并提供了丰富的链式操作方法。 6. **dojo/fx**: 包含了一系列的动画效果函数,如dojo/fx/Toggler可以实现元素的显示和隐藏动画,dojo/fx/...
- `dojo/ready`: 确保DOM加载完成后再执行代码,类似于jQuery的$(document).ready()。 2. Dojo Widgets(组件): Dojo 的强大之处在于其丰富的Widget系统。`dojo_widget.doc` 可能详细介绍了这些组件,如按钮、...
Dojo 是一个强大的JavaScript工具包,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作到数据管理,从动画效果到AJAX通信等各个方面。在Dojo 1.10版离线参考手册中,我们可以深入了解到这个版本的详细信息和使用...
5. **DOM操作 (dojo.query and dojo.place)**:Dojo 提供了强大的DOM操作工具,如`dojo.query`可以像jQuery一样选择DOM元素,而`dojo.place`则可以方便地在文档中移动或插入元素。 6. **事件处理 (dojo.connect)**...
除了页面加载事件,Dojo 还提供了 `dojo.connect` 方法用于绑定 DOM 事件。此方法允许开发者轻松地将事件处理程序附加到 DOM 元素上。 示例代码如下: ```javascript function sayHello(event) { alert("Hello");...
3. **dojo/dom** 和 **dojo/query**:这两个模块提供了DOM操作的方法。`dojo/dom`用于获取、设置和操作DOM元素,而`dojo/query`则类似于jQuery的选择器,能方便地选取页面中的多个元素。 4. **dojo/NodeList**:`...
- **DOM操作不如jQuery**: 在DOM操作和CSSSelector方面不如jQuery强大。 #### 三、Dojo **主页**: **优点**: - **强大的企业级支持**: 得到了IBM、Sun、BEA等大企业的支持,为企业应用提供了坚实的基础。 - **...
除此之外,Dojo 还有强大的工具集,如`dojo/query`用于DOM查询,类似于jQuery的选择器;`dojo/dom-geometry`用于获取和设置元素的位置和尺寸;`dojo/on`用于事件监听等。 在Dojo 1.9中,值得注意的一个变化是Dojo ...
Dojo的核心特性包括模块化、数据绑定、动画效果、DOM操作、事件处理以及Ajax通信等。 1. **模块化**:Dojo使用了AMD(Asynchronous Module Definition)模块加载机制,允许开发者按需加载JavaScript模块,减少页面...
4. **dojo/query**: 类似于jQuery的选择器,用于选取DOM元素,支持CSS选择器语法。 5. **dojo/NodeList**: 一组DOM节点的集合,提供了一系列操作这些节点的方法。 6. **dojo/fx**: 提供了动画效果和转换功能,可以...
模块可以帮助确保代码在DOM完全加载后执行,这与jQuery的$(document).ready()方法有类似作用,但更加符合AMD规范。 总结来说,Dojo 1.7.2版本通过删除冗余代码和优化模块化,提高了性能和易用性。同时,通过dojox...
2. **dojo/_base**:这个目录下的文件构成了Dojo的基础模块,包括事件处理、DOM操作、动画、定时器等功能。例如,`dojo/_base/lang`提供了语言扩展,如对象操作和函数绑定;`dojo/_base/event`处理事件绑定和解除。 ...
2. **DOM操作**:Dojo提供了`dojo/dom`和`dojo/query`模块,用于选择和操作DOM元素,类似于jQuery的功能,但更注重性能和跨浏览器兼容性。 3. **事件处理**:Dojo的`dojo/on`模块提供了一种简单的方式来监听和处理...
4. **JQuery**:JQuery是一个流行的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。它的API简洁易用,能快速实现常见功能,如元素选择、DOM操作和特效。 5. **Ajax (异步JavaScript和XML)**:Ajax是一种...