zoukankan      html  css  js  c++  java
  • js实现jquery中的addClass,removeClass,hasClass方法

    如果在if(this.hasClass(elem, cls)){}中调用addClass和removeClass,可将其方法中的判断代码删除,不用做重复判断。

    function hasClass(elem, cls) {
      cls = cls || '';
      if (cls.replace(/s/g, '').length == 0) return false; //当cls没有参数时,返回false
      return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');
    }
     
    function addClass(ele, cls) {
      if (!hasClass(elem, cls)) {
        ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;
      }
    }
     
    function removeClass(ele, cls) {
      if (hasClass(elem, cls)) {
        var newClass = ' ' + elem.className.replace(/[	
    ]/g, '') + ' ';
        while (newClass.indexOf(' ' + cls + ' ') >= 0) {
          newClass = newClass.replace(' ' + cls + ' ', ' ');
        }
        elem.className = newClass.replace(/^s+|s+$/g, '');
      }
    }
  • 相关阅读:
    排球运动规则简介
    我与计算机
    我和电脑的不解之缘
    作业
    怎样成为一个高手 观后感
    本周作业
    作业个人
    本周作业
    本周总结
    本周总结(13周)
  • 原文地址:https://www.cnblogs.com/toggle/p/11176338.html
Copyright © 2011-2022 走看看