zoukankan      html  css  js  c++  java
  • 【学】jQuery的源码思路5——增加class的操作

    • hasClass, addClass, removeClass, toggleClass
    //addClass,加入class会对元素,利用正则,将class中多余的空格去掉
    zQuery.prototype.addClass=function(sClass){
        var re=new RegExp('\b'+sClass+'\b');
        for(var i=0;i<this.elements.length;i++){
            if(!re.test(this.elements[i].className)){
                this.elements[i].className=this.elements[i].className+' '+sClass;
            }
            this.elements[i].className=this.elements[i].className.replace(/^s+|s+$/g,'').replace(/s+/g,' ');
        }
    };
    
    //removeClass,同样会整理class中的多余空格
    zQuery.prototype.removeClass=function(sClass){
        var re=new RegExp('\b'+sClass+'\b');
        for(var i=0;i<this.elements.length;i++) {
            if(re.test(this.elements[i].className)){
                this.elements[i].className=this.elements[i].className.replace(re,'');
                if(!this.elements[i].className){
                    this.elements[i].removeAttribute('class');
                }
            }
    
            if(this.elements[i].className){
                this.elements[i].className=this.elements[i].className.replace(/^s+|s+$/g,'').replace(/s+/g,' ');
            }
        }
    };
    
    //hasClass
    zQuery.prototype.hasClass=function(sClass){
        var re=new RegExp('\b'+sClass+'\b');
        for(var i=0;i<this.elements.length;i++){
            return re.test(this.elements[i].className);
        }
    };
    
    //toggleClass
    zQuery.prototype.toggleClass=function(sClass){
        for(var i=0;i<this.elements.length;i++){
            if($(this.elements[i]).hasClass(sClass)){
                $(this.elements[i]).removeClass(sClass);
            }else{
                $(this.elements[i]).addClass(sClass);
            }
        }
    };
    
  • 相关阅读:
    类的加载过程
    算法模板之基数排序
    算法模板之Dijkstra
    算法模板之SPFA
    算法模板之树状数组
    算法模板之排序
    深入JVM-自动内存管理(读书笔记)
    VMware Fault-Tolerant Virtual Machine 论文总结
    深入JVM--高效并发(读书笔记)
    欧拉素数筛
  • 原文地址:https://www.cnblogs.com/bluefantasy728/p/5791571.html
Copyright © 2011-2022 走看看