原生Javascript 实现 Jquery 的 hasClass addClass removClass toggleClass

function hasClass(ele, cls) {
    return ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
}
//为指定的dom元素添加样式
function addClass(ele, cls) {
    if (!this.hsClass(ele, cls)) ele.className += " " + cls;
}
//删除指定dom元素的样式
function removClass(ele, cls) {
    if (hsClass(ele, cls)) {
        var reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
        ele.className = ele.className.replace(reg, "");
    }
}
//如果存在(不存在),就删除(添加)一个样式
function toggleClass(ele,cls){
    if(hsClass(ele,cls)){
        rvClass(ele, cls);
    }else{
        adClass(ele, cls);
    }
}

原生Javascript 实现 Jquery 的 hasClass  addClass  removClass    toggleClass

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

宝码香车

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值