怎么用js实现jq的removeClass方法
来源:互联网 发布:淘宝提前收款什么意思 编辑:程序博客网 时间:2024/06/04 23:31
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
- Android图像处理之Bitmap类
- selenium上传本地文件
- sql里面EXCEPT、INTERSECT的区别
- SpannableString、SpannableStringBuilder、Html字符串
- Android Studio 的build variants 找不到 test artifact问题
- 怎么用js实现jq的removeClass方法
- Android 项目使用Lambda表达式
- webdriver-webelment接口方法
- ubuntu14.04 2017年1月Samba服务无法访问 网络名不再可用的问题
- nodejs是什么?为什么要学?有什么优缺点?
- 两种自动创建所需要的对象快捷键(myeclipse)
- Facebook f8app 环境搭建以及问题处理
- sbt编译出现(*:ssExtractDependencies) java.lang.IllegalStateException
- OAuth2.0简介-tencent