jquery為開發外掛程式提供了兩個方法,分別是:
(1)類級別的外掛程式開發,即給jquery新增新的全域性函式,相當於給jquery類本身新增方法。
(2)物件級別的外掛程式開發,即給jquery物件新增方法。
(1)類級別的外掛程式開發(用的比較少)
a. 新增全域性函式
jquery.foo = function()
jquery.bar = function()
// 呼叫方式:
jquery.foo(); //$.foo();
jquery.bar(); //$.bar();
b. 使用 jquery.extend(obj)(相較於上面一種方式,這種方式可以一次性新增多個方法)
jquery.extend(,
bar: function()
});// 呼叫方式:
jquery.foo(); //$.foo();
jquery.bar(); //$.bar();
c. 使用命名空間
jquery.myplugin = ,
bar: function()
};// 呼叫方式:
$.myplugin.foo();
$.myplugin.bar();
看個demo,採用第二種方法分別寫了兩個方法 min() 和 max():
(function($)
});})(jquery);
// 形式2:
(function($);
})(jquery);
看個demo,實現字型高亮設定:
jquery為開發外掛程式提供了兩個方法,分別是:
(1)類級別的外掛程式開發:jquery.fn.extend(object);
(2)物件級別的外掛程式開發:jquery.extend(object);
物件級別的外掛程式開發有兩種形式:
形式1:(function($)});})(jquery);
形式2:(function($);})(jquery);
執行結果:
jquery外掛程式編寫
最近大家都玩什麼react node angular這些玩意去了 隨著瀏覽器的相容性 以及前端開發思想的進化 jquery逐漸被拋棄 現在自己也很少用了 純粹為了懷戀曾經的jquery.現在寫寫jquery外掛程式的寫法。沒事的時候避免老年痴呆,可以用來玩玩。寫法一 function window ...
jQuery 編寫外掛程式
編寫乙個jquery外掛程式的原則 給 fn繫結函式,實現外掛程式的 邏輯 外掛程式函式最後要return this 以支援鏈式呼叫 外掛程式函式要有預設值,繫結在 fn.defaults上 使用者在呼叫時可傳入設定值以便覆蓋預設值。一 fn 給jquery物件繫結乙個新方法是通過擴充套件 fn物件...
編寫jQuery外掛程式
編寫外掛程式的目的是給已經有的一系列方法或函式做乙個封裝,以便在其他地方重複使用,提高開發效率和方便後期維護。本文將詳細介紹如何編寫jquery外掛程式 jquery的外掛程式主要分為3種型別 1 封裝物件方法 2 封裝全域性函式 可以將獨立的函式加到jquery命名空間下,如常用的jquery.a...