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

家住魔仙堡 提交于 2019-12-03 17:35:24

如何编写一个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了。

其实我们一般很少需要用到第三种方法来开发插件的。所以我就不多说了,其实我自己也没多研究,呵呵~~等以后有时间再研究吧·~

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!