作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
使用 jQuery 编写插件相对容易,只需使用 $.fn 即可。像这样:
$.fn.analyse = function() {
...
}
但是如果您不会使用 jQuery 怎么办?
假设我希望能够使用以下代码:
document.querySelector("#mydiv").analyse();
我可以这样做:
Object.prototype.analyse = function() {
...
}
但据我所知,这是不受欢迎的!
最佳答案
这里有一些可以帮助您入门的内容:
var proto_methods = {
analyse: function() {
var node = this.node;
// ...
}
}, wrap, _wrap;
_wrap = function(selector) { this.node = document.querySelector(selector); };
_wrap.prototype = proto_methods;
wrap = function(selector) {
return new _wrap(selector);
};
像这样使用它:
wrap("#mydiv").analyse();
如果你想添加更多插件(并且它更面向对象),请使用它:
var pack = {
binder: [{}]
};
pack.query_bind = function( bound ) {
if (bound) pack.binder[1] = bound;
};
pack.fn = function( attributes ) {
for (var i in attributes) pack.binder[0][i] = attributes[i];
};
var _wrap = function(selector) {
this.node = /^(#|.)\w+/.test(selector) ? pack.binder[1](selector) : {};
};
_wrap.prototype = pack.binder[0];
var wrap = function(selector) {
pack.query_bind(document.querySelector.bind(document));
return new _wrap(selector);
};
wrap.fn = pack.fn;
wrap.fn({
cool: function() {},
nice: function() {}
});
wrap('#mydiv').cool();
您可以随时调用wrap.fn
,原型(prototype)将被更新。
但是请注意,这并不是 jQuery 的真正替代品,因为有很多东西我没有包含在这段代码中。 wrap
函数在许多方面不如 jQuery 的 $
先进和有用。
希望对您有所帮助。
关于javascript - 如何在没有 jQuery 的情况下编写 javascript 插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14666608/
我是一名优秀的程序员,十分优秀!