jQuery框架和Dojo框架常用的元素查找方法及简单循环遍历操作总结(会不断积累更新)
操作dom元素的 前提是 找到这个元素!!!
1、根据 元素的 id 属性
<div class="navigatorTree" id="navigatorTreeId">
</div>
(1)jQuery var element = $("#navigatorTreeId"); // 即 有个 #
(2)Dojo var element = dom.byId("navigatorTreeId"); // 涉及到Dojo的一些语法,需要你提前 熟悉
2、根据 元素的 class 属性
<div class="group" id="group1">
</div>
<div class="group" id="group2">
</div>
<div class="group" id="group3">
</div>
(1)jQuery var elementArray = $(".group"); // 即 有个 . 结果是一个数组对象!
(2)Dojo var elementArray = query(".group");
var element = elementArray[0] //可以用下标 找到元素
找到元素后批量 设置、修改、操作元素:
(1)jQuery
$(".navigatorTree_third").each(
function(){
$(this)[0].style.removeProperty("color");
$(this)[0].style.backgroundColor = "#F3F6FA";
}
);
(2)Dojo (待更新)