編寫jQuery外掛程式

2022-05-08 04:09:10 字數 1347 閱讀 1986

jquery的外掛程式主要分為三類:

1.封裝方法外掛程式

封裝方法外掛程式在本質上來說,是乙個物件級別的外掛程式,這類外掛程式首先通過jquery選擇器獲取物件,並為物件新增方法,然後,將方法進行打包,封閉成乙個外掛程式,這種型別的外掛程式編寫簡單,極易呼叫,也很方便地使用了jquery中功能強大的選擇器,因此,成為開發外掛程式的首選.

2.封裝函式外掛程式

封閉函式外掛程式是乙個類級別的外掛程式,這類外掛程式最大的特點,就是可以直接給jquery新增靜態方法,並且可以將函式置於jquery命名空間中,如最為覺的就是$.ajax(),$.trim()全域性性函式,都是以內部外掛程式的形式植入jquery核心中.

3.選擇器外掛程式:擴充自己喜歡的一些選擇器。

1 ;(function

($));8};

910 $.fn.highlight.defaults =;

13})(jquery);

1415

//呼叫

16 $.fn.name.defaults.x = '';

17 $('#id').name();

(1)、「;(function($))(jquery);」使用了匿名函式,表示在方法體內的」$」表示的就是」jquery」,為了有更好的相容性,所以在前面新增乙個分號

,這裡的$符號是作為匿名函式的形參

(2)、$.extend(defaults, options);表示的是如果options中的引數總是有值的話,那麼options中的值將會代替defaults中的值。

jquery extend()和jquery.fn.extend()兩者呼叫方式不同:

jquery.extend(),一般由傳入的全域性函式來呼叫,主要是用來拓展個全域性函式,如$.init(),$.ajax();

jquery.fn.extend(),一般由具體的例項物件來呼叫,可以用來拓展個選擇器,例如$.fn.each();

jquery extend()和jquery.fn.extend()兩者的主要功能作用不同:

jquery.extend(object); 為擴充套件jquery類本身,為自身新增新的方法。

jquery.fn.extend(object);給jquery物件新增方法

//

step01 定義jquery的作用域

(function

($) ;

//step06-a 在外掛程式裡定義方法

var showlink = function

(obj) );

}//step02 外掛程式的擴充套件方法名稱

$.fn.easyslider = function

(options) );

}})(jquery);

jquery外掛程式編寫

最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 現在自己也很少用了 純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。沒事的時候避免老年痴呆,可以用來玩玩。寫法一 function window ...

jQuery 編寫外掛程式

jquery為開發外掛程式提供了兩個方法,分別是 1 類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。2 物件級別的外掛程式開發,即給jquery物件新增方法。1 類級別的外掛程式開發 用的比較少 a.新增全域性函式 jquery.foo functio...

jQuery 編寫外掛程式

編寫乙個jquery外掛程式的原則 給 fn繫結函式,實現外掛程式的 邏輯 外掛程式函式最後要return this 以支援鏈式呼叫 外掛程式函式要有預設值,繫結在 fn.defaults上 使用者在呼叫時可傳入設定值以便覆蓋預設值。一 fn 給jquery物件繫結乙個新方法是通過擴充套件 fn物件...