我希望建立一个小型的“常用”小型图书馆。以与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源代码,虽然它提供了非常丰富的内容,但有很多内容,如果可能的话,我就会将其归结为最基本的概念。
答案 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/