jQuery 外掛程式拓展

2022-04-29 12:51:11 字數 588 閱讀 5515

jquery.fn是所有jquery物件的原型物件

1 不要依賴$識別符號

(function($){}(jquery))

2 若外掛程式不反回自己的值,請確保返回jquery物件以便進行鏈式呼叫

3 如果擴充套件方式有兩個以上的引數或配置選項,請允許使用者能使用物件的方式傳遞選項

4 不要汙染jquery命名空間。例如jquery.fn上定義乙個接受函式名的方法,該方法名即為外掛程式名。當需要定義多個方法時,可以將外掛程式名作為字首

5 若外掛程式需要繫結事件處理程式,請將所有這些處理程式放在事件命名空間中。使用外掛程式名作為命名空間名。

6 若外掛程式需要通過data()與元素關聯資料,請將所有資料值放在單一物件中,然後用與外掛程式名相同的鍵值將該物件作為單一值儲存

7 用jquery.plugin.js這種檔案命名方式儲存外掛程式**到乙個檔案中

可以給jquery自身增加函式來新增新的工具函式

可以給jquery.fx,speeds新增屬性來擴充新的動畫時長名

可以給jquery.easing新增屬性來新增新的緩動函式

可以給jquery.expr[':']物件新增屬性來新增新的偽類過濾器

jquery拓展外掛程式開發

學習參考 整理 jquery外掛程式的開發包括兩種 1 類級別外掛程式開發 給jquery類新增類方法,可理解為新增靜態方法 例如 ajax 函式 定義全域性函式 foo function bar function foo bar 使用extend定義全域性函式 extend default,opt...

拓展你的jQuery!

extend target,object1 onjectn extend deep target,object1,objectn var obj1 var obj2 extend obj1,obj2 console.log obj1.height console.log obj1.div.y res...

jQuery外掛程式之日曆外掛程式

在頁面開發中,經常遇到需要使用者輸入日期的操作。通常的做法是,提供乙個文字框 text 讓使用者輸入,然後,編寫 驗證輸入的資料,檢測其是否是日期型別。這樣比較麻煩,同時,使用者輸入日期的操作也不是很方便,影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式,這些問題都...