微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

原生js封装的一些jquery方法(详解)

用js封装一些常用的jquery方法 记录一下

hasClass:判断是否有class

rush:js;"> function hasClass(ele,cls) {   if (!ele || !cls) return false;   if (ele.classList) {     return ele.classList.contains(cls);   } else {     return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));   } }

addClass:增加class

<div class="jb51code">
<pre class="brush:js;">
function addClass(ele,cls) {
  if (ele.classList) {
    ele.classList.add(cls);
  } else {
    if (!hasClass(ele,cls)) ele.className += '' + cls;
  }
}

removeClass:移除class

rush:js;"> function removeClass(ele,cls) {   if (ele.classList) {     ele.classList.remove(cls);   } else {     ele.className = ele.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)','gi'),' ');   } }

以上就是小编为大家带来的原生js封装的一些jquery方法(详解)的全部内容了,希望对大家有所帮助,多多支持编程之家~

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐