如何编写一个Jquery插件(续)

如何编写一个Jquery插件这篇文章中,最后只说到了编写一个jquery插件的三种方法的第一个:封装jquery对象方法的插件。javascript

接下来把剩下的两种方法说一下:java

  • 封装全局函数的插件

这类插件是在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);
spa

这样就完成了第二种jquery插件的开发,如上面两个插件能够这样使用:
alert($.ltrim(” test “));
alert($.rtrim(” test “));插件

  •  自定义选择器

Jquery为何叫Jquery,就是由于它的选择器很是强大,javascript query,合体就是jQuery了。code

其实咱们通常不多须要用到第三种方法来开发插件的。因此我就很少说了,其实我本身也没多研究,呵呵~~等之后有时间再研究吧·~对象

相关文章
相关标签/搜索