jQuery外掛程式模板

2022-03-09 13:13:20 字數 1815 閱讀 5560

1/*2

*外掛程式類別:1.類級別的外掛程式開發。2.物件級別外掛程式開發。3*

4* 1.類級別:$.post()

5* 2.物件級別:$("#me").外掛程式名稱();6*

7* 以下是開發物件級別外掛程式的步驟:

8*1.定義乙個帶有個名為「$」引數的匿名函式。將jquery這個全域性變數傳入匿名函式,並執行匿名函式。9*

10*2.$.fn或者jquery.fn本質上可以等於jquery.prototype。實際上給jquery擴充套件了乙個名為"外掛程式名"的方法,呼叫方法:$("#me").外掛程式名稱();11*

12*3.$.extend(defaultsettings,settings);的含義是,使用settings來覆蓋defaultsettings(同名鍵值),

13*或者 settings = $.extend({},defaultsettings,settings);即不去覆蓋defaultsettings(預設引數),而是合併到乙個空的object。

14*or settings = $.extend(true,{},defaultsettings, settings);當$.extend的第乙個引數為true時,會開啟深層拷貝15*

16*4.this在外掛程式內部指向當前通過選擇器選擇的jquery物件,而非傳統意義上的物件的引用。this.each遍歷所有的元素。return jquery物件保證外掛程式的鏈式操作。17*

18*5.外掛程式中定義的所有方法/函式的末尾都必須帶有乙個 「;」(分號),否則將不利於**的最小化。

19*

20* 參考:

21* 參考:

22* 參考:

23* 參考:

24* 參考:

25* 參考:

26* 參考:

27* 參考:

28*/

2930

/*建立乙個閉包

*/31 ;(function

($) , $.fn.wkylin.defaults, options);

37//

iterate and reformat each matched element

38return

this.each(function

() , opts, $this

.data()) : opts;

42//

update element styles

43 $this

.css();

47var markup = $this

.html();

48//

call our format function

49 markup =$.fn.wkylin.format(markup);

50 $this

.html(markup);

51});

52};

53//

私有函式:debugging

54function

debug($obj)

5859

/*定義暴露format函式

*/60 $.fn.wkylin.format = function

(txt) ;

63//

外掛程式的defaults

64 $.fn.wkylin.defaults =;

68/*

設定版本號

*/69 $.fn.wkylin.version = 1.0;

70//

閉包結束

71 })(jquery);

jquery 外掛程式標準模板

自fullcalendar外掛程式抽取,比較經典,收藏備用。function undefined fn.zdropmenu function options if options destroy if res undefined return this options extend defaults...

JQuery外掛程式開發 模板

1 function 7 使用extend方法從options和defaults物件中構造出乙個新的設定物件 8var options extend defaults,options 9 10執行 11 12 13 jquery 呼叫自定義的jquery外掛程式 classname pluginna...

jquery 外掛程式和後台模板蒐集

彈框 alert confirm jquery 排序篩選外掛程式 easydialog 簡單 實用的彈出層元件 jquery多功能彈窗外掛程式pirobox amaze ui後台管理模板 基於bootstrap的完美後台管理框架,開箱即用 bootstrap chubbystacks模版 非常漂亮的...