// -> hasClass: 验证当前元素中是否包含className这个样式类名
function hasClass(curEle, className) {
var reg = new RegExp("(^| +)" + className + "( +|$)");
return reg.test(curEle.className);
}
// -> addClass: 给元素增加样式类型
function addClass(curEle, className) {
var ary = className.split(/\s+/g);
// -> 循环数组，一项一项的验证
for (var i = 0, len = ary.length; i < len; i++) {
var curName = ary[i];
if (!hasClass(curEle, curName)) {
curEle.className += ' ' + curName;
}
}
}
// -> removeClass: 给元素移除样式类型
function removeClass(curEle, className) {
var ary = className.split(/\s+/g);
for (var i = 0, len = ary.length; i < len; i++) {
var curName = ary[i];
if (hasClass(curEle, curName)) {
var reg = new RegExp("(^| +)" + curName + "( +|$)", "g");
curEle.className = curEle.className.replace(reg, ' ');
}
}
}
封装: addClass()-removeClass()
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- RxTools 工欲善其事必先利其器！ Android开发过程经常需要用到各式各样的工具类，虽然大部分只需谷歌/百...
- 这之前写过一篇《AFN3.0以上版本的二次封装》,主要为当时公司的项目服务，写的针对性比较强。做过几个不同的项目后...
- 我们在做开发时经常会自定义一些view，并且如果如果该view比较复杂或者经常被调用到，我们就可以将该view单独...
