创建类似jQuery的函数

时间:2014-12-12 10:22:29

标签: javascript

我希望建立一个小型的“常用”小型图书馆。以与jQuery类似的方式运行的函数,如下所示:

document.getElementById('my-element').addClass('new-class');
document.getElementsByTagName('section').addClass('another-new-class');

或者如果我必须:

document.getElementById('my-element').LibraryName.addClass('new-class');
etc...

我并不认为这会是一个困难,但我无法理解这一点。基本上我不确定我需要做什么才能使这项工作 - 我的JS安排如下:

var LibraryName = {

    addClass: function(classname) {

        this.classname += ' ' + classname;

    }

}

我试过搜索,但我不确定我需要搜索什么;我做的每一次搜索都类似于' jquery like function' (或者排列)带来了大量jQuery相关的东西! :)

-

我查看了jQuery源代码,虽然它提供了非常丰富的内容,但有很多内容,如果可能的话,我就会将其归结为最基本的概念。

1 个答案:

答案 0 :(得分:0)

function addClass(node, class) {
    if (!node.length) node = [node];
    for (var n = 0, m = node.length; n < m; n++) {
        if ((" " + node[n].className + " ").indexOf(" "+class+" ") >= 0) {
            node.className += " " + class;
        }
    }
}

http://www.sitepoint.com/jquery-vs-raw-javascript-2-css3-animation/