jq 外掛程式寫法

1.一次宣告乙個函式 

$.fn.函式名 = function([options]){}

$.fn.red=function(options);

var settings = $.extend(defaults, options);

this.css(settings);

return this;

2.一次宣告多個函式   

$.fn.extend(

});$.fn.extend(;

var settings = $.extend({},defaults, options);

this.css(settings);

return this;

},normal:function(options);

var settings = $.extend({},defaults, options);

this.css(settings);

return this;

}});

3.通常是結合命名空間搭配使用，將需要用到的功能塊整合進來，然後確定好輸入與輸出，同時保證傳入引數的可擴充套件性（有預設值，復合物件），和傳出的鏈式呼叫（return this）；

4. 擴充套件

4.1物件導向思維編輯外掛程式

//

定義beautifier的建構函式
var beautifier = function
(ele, opt) ,
this.options = $.extend({}, this
.defaults, opt)}//
定義beautifier的方法
beautifier.prototype =);
}}//
在外掛程式中使用beautifier物件
$.fn.myplugin = function
(options) 
$(function
() );
})

4.2   

jquery extend實現原理

jq的外掛程式的寫法

兩種方式 方法一 extend extend src 將src合併到全域性物件中去 使用方式 var i add 3,2 方法二 fn.extend jquery.fn jquery.prototype 也就是jquery物件的原型 fn.extend src 方法將src合併到jquery的例項物...

jQ鏈式寫法詳解

jq的鏈式寫法很好用，直接打 就可以了，說起來jq 是如何實現鏈式寫法的呢？很多人都說jq的鏈式寫法就是return this 那麼return this代表了什麼呢？簡單說return this就是要返回下乙個函式的執行父級 原諒我語文不好，找不到乙個更好的詞代替父級這倆個字。那麼下面寫個例子，來...

JQ 日期聯動外掛程式

jquery date selector plugin 日期聯動選擇外掛程式 demo calendar dateselector html 年 月 日 function fn.dateselector function options 初始化 this.options for var proper...