jquery插件开发所须要的方法javascript
摘要:插件是一个好东西,它是一个彻底独立的模块。不会受到其它模块的影响,能够随时引用,不会冲突。维护起来方便简单,一些比较通用的独立模块,咱们都倾向于开发插件,以方便多个项目共用。java
一、$.fn是jquery的定义的一个特别名称,能够经过这样来定义一个方法:jquery
$.fn.test=function(otherString){ //逻辑 };
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对每个jquery实例有效。
咱们能够经过这样来调用这个方法。这个方法是直接继承原来的元素。jquery插件
$('div').test();
二、$.fx也是jquery的定义的一个特别名称,是指jquery的特效。
若是使用显示、滑动、淡入淡出、动画等。
$.fx.off能够关闭动画,实际上是直接显示结果。 动画
jQuery.fn = jQuery.prototype = { init: function( selector, context ) { } };
三、jquery的extend和fn.extend
jQuery为开发插件提拱了两个方法,分别是:spa
一、给jQuery对象添加方法。
jQuery.fn.extend(object); prototype
这很好理解:就是为全部$('#div')这样的实例对象封装一个新的方法,之后咱们就能够直接经过插件
$.fn.extend({ test:function(){ } });
$('#div').test()来调用咱们封装的方法了。code
二、为扩展jQuery类自己.为类添加新的方法。
jQuery.extend(object); 对象
这个就是直接封装一个独立的方法,引用文件就能够调用。
$.extend({ test:function(a,b){return a+b;} });
$.test(1,2);这样就能够使用这个方法了。
这样封装的方法就能够很好的为jquery插件服务了。本人只是一名菜鸟,可能有些地方理解有误,欢迎指正