jQuery外掛程式示例筆記

2022-03-26 05:23:07 字數 1027 閱讀 7500

封裝物件方法的外掛程式

將物件方法封裝起來,用於對通過選擇器獲取的jquery物件進行操作。

//注意,為了更好的相容性開始前有個分號

;(function($))(jquery);//這裡就將jquery作為實參傳遞給匿名函式了

封裝全域性函式的外掛程式

可以將獨立的函式加到jquery命名空間之下。

選擇器外掛程式

擴充自己的選擇器

(function ($)  else 

//css()方法內部已經有了判斷value是否為undefined的機制,所以可以採用下面的寫法

return this.css("color", value);

},"border": function (value) ,

"background": function (value)

});})(jquery);

(function ($) ,options);

return this.each(function () );

//如果單選框預設情況下是選擇的,則高亮

$("tbody>tr:has(:checked)", this).addclass(options.selected);

});}

});})(jquery);

(function ($) ,

trimend: function (text)

});})(jquery);

jquery1.3版本能用,1.8及以後版本不能使用

(function ($) ,

ge: function (a, i, m) ,

le: function (a, i, m)

});})(jquery);

jQuery筆記(編寫jQuery外掛程式)

編寫jquery外掛程式,就等同與編寫乙個jquery物件的方法。給jquery物件繫結方法是通過擴充套件 fn物件實現的。如編寫乙個改變樣式的外掛程式 fn.makecolor function options 注 一定要留意return this,這表示可以繼續鏈式使用下去 同時還要留意這裡的t...

筆記 擴充套件jQuery之示例

以下的示例基於同一段 取自 實時使用者體驗 的示例 當移除或新增乙個元素時,一般高亮元素的背景以提示使用者注意,原始示例 this is a layer jquery函式外掛程式 一般是針對工具函式的封閉,在應用中以jquery統一的模式呼叫 this is a layer jquery集合外掛程式...

jQuery 外掛程式開發 筆記

color darkred size large jquery 外掛程式開發 b list 類級別開發,開發新的全域性函式 物件級別開發,給jquery物件開發新方法 list b size color size large b 一 類級別開發 b size 定義全域性方法 jquery.foo f...