在如何编写一个Jquery插件这篇文章中,最后只说到了编写一个jquery插件的三种方法的第一个:封装jquery对象方法的插件。
接下来把剩下的两种方法说一下:
- 封装全局函数的插件
这类插件是在jQuery命名空间内部添加一个函数。这种方法很简单,只是很普通的函数,没有特别需要注意的地方。
例如我们新增两个函数,用于去除左侧和右侧的空格:
首先构建一个Object对象,把函数和函数名都放进去,其中的名/值对分别为函数名和函数主体,代码如下:
{
ltrim:function(text){
return (text || "").replace(/^s+/g,"");
},
rtrim:function(text){
return (text||"").replace(/s+$/g,"");
}
}
然后利用jQuery.extend()方法直接对jQuery对象进行扩展。
jQuery代码如下:
;(function($){
$.extend({
ltrim:function(text){
return (text || "").replace(/^s+/g,"");
},
rtrim:function(text){
return (text||"").replace(/s+$/g,"");
}
});
})(jQuery);
这样就完成了第二种jquery插件的开发,如上面两个插件可以这样使用:
alert($.ltrim(” test “));
alert($.rtrim(” test “));
- 自定义选择器
Jquery为什么叫Jquery,就是因为它的选择器非常强大,javascript query,合体就是jQuery了。
其实我们一般很少需要用到第三种方法来开发插件的。所以我就不多说了,其实我自己也没多研究,呵呵~~等以后有时间再研究吧·~
来源:oschina
链接:https://my.oschina.net/u/208700/blog/56206