如何编写自己的jquery插件

如何编写自己的jquery插件

ID:16824117

大小:20.50 KB

页数:3页

时间:2018-08-25

如何编写自己的jquery插件_第1页
如何编写自己的jquery插件_第2页
如何编写自己的jquery插件_第3页
资源描述:

《如何编写自己的jquery插件》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、如何编写自己的jquery插件Jquery的插件主要分为三类:、封装对象方法的插件:大部分插件都是封装对象的插件、封装全局函数的插件:将独立的函数添加到jquery的命名空间之下。Jquery.ajax()和jquery.trim()就是jquery内部作为全局函数的插件添加到内核上去的。、选择器插件:扩充自己喜欢的一些选择器。编写Jquery插件的基本要点:、一般命名的时候最好是按照jquery.[插件名].js命名。、所有的对象都应当附加到jquery.fn对象上,所有的全局函数应该附加到jquery对象本身上、通过this.each()来便利对象,这里的this指向的是当前选择器

2、通过选择器获取的jquery对象、所有的方法或者函数插件都要以分号结尾,否则压缩的话就会出现问题,有时候甚至要在头部也要加上“;”,以免不规范的代码给写的插件带来影响。插件应当返回一个jquery对象,以便可以进行链式操作,除非你是要返回某个特定类型的参数,比如字符串和数组。要注意$和jquery两个符号的冲入,可以利用闭包这种技术来回避这个问题。允许使用内部函数,而且,这些内部函数可以访问他们所在的外部函数中声明的局部变量参数和声明的其他的内部函数,当其中一个这样的内部函数在包含他们的外部函数之外被调用时,就会形成闭包。“闭包”是一个很复杂的概念,对于编写jquery插件其实是有一个

3、模板的,这个模板中就有用到闭包的概念。常见的jquery插件的都是有如下的格式的:;(function($){$.fn.yourName=function(options){//各种属性、参数  }varoptions=$.extend(defaults,options);//定义参数this.each(function(){//插件实现代码});};})(jQuery);注解:(1)、“;(function($){})(jQuery);”使用了匿名函数,表示在方法体内的”$”表示的就是”jquery”,为了有更好的兼容性,所以在前面添加一个分号,这里的$符号是作为匿名函数的形参(2)

4、、$.extend(defaults,options);表示的是如果options中的参数总是有值的话,那么options中的值将会代替defaults中的值。举个例子来说:Varsetting={validate:true,limit:5,name:foo};Varoptions={validate:fasle,name:tom};Varnewoptions=$.extend(setting,options);maintenancemeasures,thereisabigsecurityrisk,managementhashadagreatimpacttothecity.3.1-8b

5、usterminalstationstatusinYibincitylayouts(4)hoursofoperationmostofYibincitybuslinesin5:30-6:20,andbasicallymeettheYibintravelneeds.Bus那结果就是newoptions={validate:false,limit:5,name:tom}.所以Jquery.extend()(或者是$.extend())经常来设置插件的一些默认的参数。还有就是$.extend()用来扩展方法,和jquery.fn.extend()一样都是可以的,他们的区别在于:前者不使用jqu

6、ery的方法,而后者使用了jquery的方法,就像addClass(),remove()等。所以可想而知大部分的现有插件都是jquery.fn.extend()进行扩展的。functionfoo(options){  options=jquery.extend({  Name:“bar”,  Length:5,  dataType:”xml”  },options);};如果options参数传入的值为空,那么就可以使用默认设置的值。例子:;(function($)){  $.fn.extend({  “functionname”:function(options){//某个方法名  

7、Options=$.extend({  odd:”odd”,  even:”even”  },options);  //可以通过options.元素名称来获取元素之,如options.odd  //somecodes  $(“.table”).addClass(“”);//为某个元素添加样式等等  }  //一个方法结束  //另一个方法this.cleartb=function(){//同时你也可以这么写,这里cleartb就是方法的名称$(

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。