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物件...