dojo 学习笔记之dojo.query - query(id) 与query(class)的差别

考虑这个样例：动态创建一个页面的时候，用new listtem（）生成多个listitem, 且每一个listitem中都生成一个按钮button。

假设想要给每一个按钮都绑定一个click事件，用dojo.query来获取这些button是比較方便的。

这样做的时候我遇到一个问题，在create这些button的循环语句中我给每一个button 定义了id = "somebtn" 。

然后试图用var btnlist = dojo.query("#somebtn") 得到一个包括页面中全部button的数组。

遗憾的是，query 语句并没能获取到全部button, 它仅仅获取到1个button对象，从 console.log(btnlist.length) 语句的输入结果是1能够推断。

又一次查看http://dojotoolkit.org/reference-guide/1.9/dojo/query.html documentation 中的说明，发现文中用的样例基本都是query(".someClass")，仅仅用了class，并没实用id。

于是回顾起曾经看过的关于class与id的差别提到过id是唯一标识，也就意味着页面中的id仅仅能代表唯一一个元素，那么就能够想得通为什么query(id)仅仅能获取到1个元素。

给button加入了class属性后，再用query("class")就能够获取到全部button对象了。

遇到问题的时候，先通过调试大致推断问题出在哪里，确认问题后再查文档，对症下药。这是今天的小结。

dojo 学习笔记之dojo.query - query(id) 与query(class)的差别相关推荐

Dojo学习笔记(7. dojo.dom)
Dojo学习笔记(7. dojo.dom) 模块:dojo.dom dojo.dom.isNode 测试指定对象是否为节点 Usage Example: dojo.dom.isNode(dojo.by ...
Dojo学习笔记(8. dojo.event dojo.event.topic dojo.event.browser)
Dojo学习笔记(8. dojo.event & dojo.event.topic & dojo.event.browser) 模块:dojo.event 终于进入有名的dojo事件处 ...
Dojo学习笔记（一）：Hello Dojo!
欢迎来到Dojo世界!在这篇文章中你将会学习到如何加载Dojo以及探索Dojo的一些核心功能.你还会了解Dojo的基于AMD的模块架构,探索如何加载额外的模块来增加功能到您的Web站点或应用程序,并找 ...
Dojo学习笔记一: 认识Dojo
打算利用一些时间系统并且略深层次的学习一下Dojo这个框架,一个基于JavaScript脚本语言的集合. Dojo不但提供各式各样的Javascript标准库方法,还包含了功能丰富的 ...
Dojo学习笔记（三）：类化JavaScript
dojo/_base/declare模块是Dojo Toolkit中创建类的基础.declare支持多重继承,这使得开发者能够编写更加灵活的代码并避免代码多次重写.Dojo.Dijit和Dojox模块 ...
Dojo学习笔记（六）：dojo/_base/declare
1.JavaScript 继承方式 (1)对象冒充在 JavaScript 中,构造函数也和普通的函数一样,可以被赋值和调用,对象冒充通过此原理来模拟继承. 1 2 3 4 5 6 7 8 9 10 ...
dojo学习日记(6)——dojo/_base/fx的 fadeOut()方法
dojo/_base/fx method当中的 fadeOut()方法返回一个节点从当前透明度淡化到完全透明的动画. node (DOMNode| String):必须重写的,写一个需要f ...
H.266/VVC相关技术学习笔记4：HEVC和VVC中块划分的差别
关于H.265/HEVC和H.266/VVC中的块划分的区别: 一.HEVC中首先需要将一个图像固定划分为多个CTU. ① CTU的尺寸固定划分为64×64,一个CTU由一个亮度CTB和两个色度CTB ...
JPA学习笔记---JPA数据的操作:增加,删除,修改,获取,使用JPQL进行查询
JPA学习笔记---JPA数据的操作:增加,删除,修改,获取,使用JPOL进行查询创梦技术交流平台:资源下载,技术交流,网络赚钱: 交流qq群:1群:248318056 2群:251572072 技 ...

dojo 学习笔记之dojo.query - query(id) 与query(class)的差别

dojo 学习笔记之dojo.query - query(id) 与query(class)的差别相关推荐

最新文章

热门文章