注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

dojo study -- dom-class  

2013-11-13 20:24:02|  分类: Javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
dojo/dom-class是对dom对象class属性进行操作的一个模块。
常用方法
 add(node, classStr) 添加一个class样式到node的class列表的末尾
 contains(node, classStr) 判断class样式是否在node的class列表里面
 remove(node, classStr) 从node中删除指定的class样式
 replace(node, addClassStr, removeClassStr) 从node中替换一个样式
 toggle(node, classStr, condition) Adds a class to node if not present, or removes if present.

How to Use?

require(["dojo/dom-class"], function(domClass){
console.log(domClass.contains("features", "section")); //true
});

require(["dojo/dom-class", "dojo/dom-attr"], function(domClass, domAttr){
console.log(domClass.contains("features", "section")); //true
domClass.add("features", "classA");
domClass.add("features", "classB");
var className = domAttr.get("features", "class");
console.log(className); //section classA classB
domClass.add("features", className); //add method avoid duplication.
className = domAttr.get("features", "class");
console.log(className); //section classA classB
domClass.add("features", ["classC", "classD"]); //suport array
console.log(domAttr.get("features", "class")); //section classA classB classC classD
});


require(["dojo/dom-class", "dojo/dom-attr"], function(domClass, domAttr){
//Add a class
domClass.add("features", ["classC", "classC","classC", "classD"]);
domClass.remove("features", "classC classD");
console.log(domAttr.get("features", "class")); //section
//remove all
domClass.remove("features");
console.log(domAttr.get("features", "class")); //(an empty string)

domClass.add("features", "classA classB");
domClass.remove("features", ["classA", "classB"]);
console.log(domAttr.get("features", "class"));//(an empty string)
});

require(["dojo/dom-class", "dojo/dom-attr"], function(domClass, domAttr){
console.log(domAttr.get("features", "class")); //section
domClass.replace("features", "classA", "section");
console.log(domAttr.get("features", "class")); //classA
});


require(["dojo/dom-class", "dojo/dom", "dijit/form/Button", "dojo/domReady!"], function(domClass, dom, Button){
new Button({
label: "Click me!",
onClick: function(){
domClass.toggle("see-also", "section");
}
}, "features");
});


参考资料:http://dojotoolkit.org/reference-guide/1.9/dojo/dom-class.html
  评论这张
 
阅读(512)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017