本系列jQuery实战教程将给大家系统的讲解一些库的知识点   ，看完这系列文章会让你对实现一个自己的简单jQuery库有更加清晰的理解和运用。

这个版本呢,先来加四个很简单的方法感受感受下!

首先3个class不用说了

hasClass : function(cls) {

    var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');

    for (var i = 0; i < this.length; i++) {

        if (this[i].className.match(reg)) return true;

            return false;

    }

    return this;

},addClass : function(cls) {

    var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');

    for (var i = 0; i < this.length; i++) {

        if(!this[i].className.match(reg))

            this[i].className += ' ' + cls;

    }

    return this;

},removeClass : function(cls) {

    var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');

    for (var i = 0; i < this.length; i++) {

        if (this[i].className.match(reg))

            this[i].className = this[i].className.replace(' ' + cls,'');

    }

    return this;

}

然后新增一个

css : function(attr,val) {//链式测试

    console.log(this.length);

    for(var i = 0;i < this.length; i++) {

        if(arguments.length == 1) {

            return getComputedStyle(this[i],null)[attr];

        }

        this[i].style[attr] = val;

    }

    return this;

}

这些其实都很简单,我们都要记住,我们封装的DOM对象是一个数组,所以一定都需要用循环来进行各种个样的处理.

然后css这我是用arguments的个数来进行判断是取值还是设值.

最后千万别忘了每个方法的最后都要return this以便链式调用.

大家可以自行拿这几个方法 log出来看看是否是与jQuery的一样就知道是否成功了.

您的star就是我快速更新的动力 : )

希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！