一、外掛程式的基本要點
1. 命名jquery.[外掛程式名].js
2. 所有的物件方法都應當附加到jquery.fn物件上,而所有的全部函式都應當附加到jquery物件本身上
3. 在外掛程式內部的this指向的是當前通過選擇器獲取的jquery物件,而不像一般方法那樣,如click,內部的this指向的是dom元素
4. 可以通過this.each來遍歷所有的元素
5. 所有的方法或函式外掛程式,都應當以分號結尾。否則壓縮的時候可能出現問題。為了穩妥些,甚至可以在外掛程式頭部先加上乙個分號,以免他人不規範的**影響自身的外掛程式**
6. 外掛程式應該返回乙個jquery物件,以保證外掛程式的可鏈式操作
7. 避免在外掛程式內部使用$作為jquery物件的別名,而應使用完整的jquery來表示,避免衝突.
當然,可以使用閉包這種技巧來迴避這個問題。
二、閉包的簡單概念
允許使用內部函式(即該函式在乙個函式的內部)且該內部函式可以訪問所在函式的所有變數、引數或者其他函式,當這樣的內部函式在包含他們的外部函式之外被呼叫時,就會形成
閉包(即內部函式會在外部函式返回後被執行)。當這個內部函式執行時,它仍然必須訪問其外部函式的區域性變數,引數以及其他內部函式。這些區域性變數、引數和函式宣告(最初)的值是
外部函式返回時的值、但也會受到內部函式的影響
閉包:;(function($)
$.bar = bar;
// 通過這種方式,讓匿名函式內部的函式bar(),逃逸到全部可訪問的範圍內,這樣就可以 匿名函式之外通過呼叫jquery.bar();來訪問定義的函式bar()
})(jquery);
訪問:$(function());
jQuery基礎 外掛程式
外掛程式 jquery不可能包含所有的功能,我們可以通過外掛程式擴充套件jquery的功能。jquery有著豐富的外掛程式,使用這些外掛程式能給jquery提供一些額外的功能。animate不支援顏色的漸變,但是使用了jquery.color.js後,就可以支援顏色的漸變了。使用外掛程式的步驟 1....
jquery外掛程式開發基礎入門
jquery外掛程式開發基礎入門 入門 編寫乙個jquery外掛程式開始於給jquery.fn加入新的功能屬性,此處新增的物件屬性的名稱就是你的外掛程式名稱 jquery.fn,myplugin function 為了避免衝突我們應該將jquery傳遞給乙個自我執行的封閉程式 function jq...
jQuery外掛程式之日曆外掛程式
在頁面開發中,經常遇到需要使用者輸入日期的操作。通常的做法是,提供乙個文字框 text 讓使用者輸入,然後,編寫 驗證輸入的資料,檢測其是否是日期型別。這樣比較麻煩,同時,使用者輸入日期的操作也不是很方便,影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式,這些問題都...