怎么用js实现jq的removeClass方法
来源:互联网 发布:怎么让mac运行exe 编辑:程序博客网 时间:2024/06/05 01:05
1、addClass:为指定的dom元素添加样式。
2、removeClass:删除指定dom元素的样式。
3、toggleClass:如果存在(不存在),就删除(添加)一个样式。
4、hasClass:判断样式是否存在。
原生 JS 代码如下:
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) {
obj.className += " " + cls;
}
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
function toggleClass(obj,cls){
if(hasClass(obj,cls)){
removeClass(obj, cls);
} else {
addClass(obj, cls);
}
}
2、removeClass:删除指定dom元素的样式。
3、toggleClass:如果存在(不存在),就删除(添加)一个样式。
4、hasClass:判断样式是否存在。
原生 JS 代码如下:
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function addClass(obj, cls) {
if (!this.hasClass(obj, cls)) {
obj.className += " " + cls;
}
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
function toggleClass(obj,cls){
if(hasClass(obj,cls)){
removeClass(obj, cls);
} else {
addClass(obj, cls);
}
}
0 0
- 怎么用js实现jq的removeClass方法
- 怎么用js实现jq的removeClass方法
- 用原生js实现addClass,removeClass,hasClass方法
- 实现jquery 的 removeClass 方法
- 原生js实现addClass,removeClass,hasClass方法
- js实现addClass,removeClass
- js实现jq的toggleClass方法
- js/jq替换方法replaceAll的实现
- 原生js实现jq的$.each()方法
- 用JS封装的通用addClass方法(函数)和removeClass方法(函数)
- JS原生addClass、removeClass实现
- JS实现jQuery的addClass, removeClass, hasClass函数功能
- 瀑布流实现的三种方法js jq css3
- 原生JS实现addClass,removeClass,toggleClass
- js实现css、addClass、removeClass和toggleClass
- js实现css、addClass、removeClass和toggleClass
- 原生JS实现addClass,removeClass,toggleClass
- 原生js实现addClass、removeClass、toggleClass
- myeclipse 2014 安装SVN
- Linux C++内存映射方式读写文件
- slect2插件使用心得
- React Native学习笔记之--向原生应用中集成RN页面
- 电子工程师的基本素养--计算机篇
- 怎么用js实现jq的removeClass方法
- 10.C#:实体框架EF(entity framework)
- 做推送,怎么能不了解推送的 4 种消息形式呢?(Android 篇)
- 机器学习性能评估指标 ROC
- Android ADB Shell命令总结
- 自己用的一些工具类
- DLNA投影到局域网设备
- 2017年ETS解答新托福考生们最关注的难题
- 深入理解Java之线程池