关于JavaScript的addClass,removeClass,hasClass方法
来源:互联网 发布:南沙人工智能产业园区 编辑:程序博客网 时间:2024/05/04 00:01
//关于JavaScript仿JQuery的addClass,removeClass,hasClass的方法
【函数方法】
function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!this.hasClass(ele,cls)) ele.className += " "+cls; } function removeClass(ele,cls) { if (hasClass(ele,cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className=ele.className.replace(reg,' '); } } //注:全部都写入你的JS文件中,不然会没效果的,尤其是hasClass()这个方法必写。
【使用方法】
window.onload = function(){addClass(document.getElementById("test"), "test"); removeClass(document.getElementById("test"), "test") if(hasClass(document.getElementById("test"), "test")){ //do something}; }
0 0
- 关于JavaScript的addClass,removeClass,hasClass方法
- jquery hasClass、removeClass、addClass方法
- 原生js实现addClass,removeClass,hasClass方法
- jquery hasClass/addClass/removeClass
- 原生JS addClass removeClass hasClass
- 用原生js实现addClass,removeClass,hasClass方法
- JS实现jQuery的addClass, removeClass, hasClass函数功能
- jQuery源码分析13: .addClass, .removeClass, .hasClass
- js原生扩展addClass,removeClass,hasClass
- 原生js封装addClass removeClass hasClass
- 原生JavaScript操作CSS类名——hasClass,addClass,removeClass
- 原生JavaScript addClass() removeClass()
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- 使用原生JS实现jQuery的addClass, removeClass, hasClass函数功能
- typeof运算符及实现jquery中的addClass,removeClass,hasClass
- jquery中的class函数addClass,removeClass,toggle,hasClass
- 仿jQuery原生js实现----hasClass,removeClass,addClass
- JavaScript Removeclass addClass 简单封装
- TR-069速求
- ubuntu13.04 修复Grub2
- leetcode_题解_Pascal's Triangle II _easy
- 重写ViewPager实现单个帖子进入左右切换和不缓存问题
- Linux学习篇——Logical Volume,逻辑卷及其管理
- 关于JavaScript的addClass,removeClass,hasClass方法
- mysql中length和char_length的区别
- PAT Basic 1008
- matlab fspecial 用法解释
- Oracle-Ora-04031故障的分析
- 关于~a>>4的运算步骤
- POJ 3984 迷宫问题 广搜迷宫解法
- 超酷算法(1):BK树 (及个人理解)
- C++初试(1)