jquery hasClass/addClass/removeClass
2015-01-26 16:07
435 查看
hasClass("class名"):判断是否带该class
addClass("class名"):添加一个class
removeClass("class名"):删除该class
HTML代码:
JS代码:
addClass("class名"):添加一个class
removeClass("class名"):删除该class
HTML代码:
<div id ="painterPlayBtn"></div>
JS代码:
$("#painterPlayBtn").click(function(){ if( $(this).hasClass("playing")){ $(this).removeClass("playing"); $("#maincanvas,#painterTool,#painterOption").hide(); }else{ $(this).addClass("playing"); $("#maincanvas,#painterTool,#painterOption").show(); } });
相关文章推荐
- [原创] jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- 【转】jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jquery hasClass、removeClass、addClass方法
- jquery hasClass、removeClass、addClass方法
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- jQuery源码分析之addClass,removeClass,toggleClass,hasClass详解四问
- jquery hasClass、removeClass、addClass方法
- Jquery: hasClass addClass removeClass toggleClass 用法
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jQuery addClass removeClass toggleClass hasClass is(.class)用法
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- JQuery中.AddClass()和.RemoveClass()
- Jquery重新学习之三[属性addClass(),removeClass(),toggleClass()]
- jquery下removeClass(“oldClassName”).addClass("newClassName")的问题