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模版 非常漂亮的...