作者:闹闹依旧不闹 | 来源:互联网 | 2023-01-30 10:37
我试图了解如何使用jQuery和其他库.我想知道如何使用以下格式创建选择器:
$("#selector").get();
到目前为止,我正在尝试下一个,但我不知道如何运行内部函数(get(),set()):
var $ = (function() {
var jQuery = {
get: function() {
console.log("get() function!!");
return this;
},
set: function() {
console.log("set() function!!");
return this;
}
};
return function(el) {
return document.querySelector(el);
}
})();
我已经阅读了一些关于Javascript中模块化模式设计的内容,但我并不了解所有内容.
1> adeneo..:
制作可链接函数的方法首先是使用new
关键字创建实例.
这可以通过确保被this
调用函数的值是其自身的实例"自动"完成,如果没有显式调用它new
.
然后,这只是返回实例和使用原型方法的问题.
var $ = function(selector) {
if (! (this instanceof $) ) {
return new $(selector);
}
this.el = document.querySelectorAll(selector);
return this;
}
$.prototype.css = function(prop, val) {
this.el.forEach(function(element) {
element.style[prop] = val;
});
return this;
}
$('#test').css('color', 'red').css('font-size', '30px')
test