jQuery外掛程式開發

2021-07-30 07:19:31 字數 1163 閱讀 8935

jquery開發外掛程式很簡單。

jquery.fn是jquery物件的原型物件,如果給該物件新增乙個 函式,該函式會成為乙個jquery的方法。

例子如下:

jquery.fn.println=function

());

//返回這個未加修改的jquery物件,以便鏈式呼叫

return

this;

}

上面對jquery.fn.println()函式進行了定義,我們可以在jquery物件類上進行呼叫:

$(

"#id").println("x=",x,";y=",y);

在開發拓展功能時,如果遵守基本的模組化**實踐,以及遵守jquery特定的一些傳統約定,就可以將該拓展稱為外掛程式。

下面是一些值得留意的jquer外掛程式約定:

(function

($)(jquery))

;//使用jquery物件作為引數呼叫該函式的匿名函式

外掛程式可以給jquery自身增加函式來新增新的工具函式。例如:

//該方法輸出其引數(使用println()外掛程式方法)

//到id為debug的元素上,如果不存在就建立乙個元素並新增到文件中

jquery.debug=function

()};

外掛程式可以拓展jquery的css選擇器引擎,可以通過jquery.expr[『:』]物件新增屬性來新增新的偽類過濾器。例如

jquery.expr[':'].draggable=function

(e);

上面定義了乙個新的:draggable過濾器,可以用來返回擁有draggable=true屬性的元素。這樣就可以使用$("img:draggable")來選取可拖拽的。

從上面的**上可以看出,自定義選擇器的引數是候選的dom元素,如果該元素選擇器,true,否則false。許多元素選擇器只需要這乙個引數,但實際呼叫時需要傳入四個引數。第二個是乙個整數序號,表示當前元素在候選陣列的第幾個位置。候選元素陣列是第四個引數。第三個引數呼叫regexp.exec()方法後返回的陣列。

jQuery 外掛程式開發

一 類級別的外掛程式開發 即給jquery新增新的全域性函式,相當於給jquery類本身新增方法,jquery的全域性函式就是屬於jquery命名空間的函式。1 新增全域性函式 方法一 jquery.onetest function jquery.twotest function 方法二 jquer...

jquery 外掛程式開發

自定義主要通過兩種方式實現 extend fn.extend 呼叫的方法分別是 aa this aa 注意 建立函式時不要放在 function 中,呼叫時候要放在事件裡面 this click function jquery.extend 函式詳解 jquery的extend擴充套件方法 jque...

jquery 外掛程式開發

jquery外掛程式開發一般通過兩種框架方式 一種是在jquery物件上直接定義新成員,形成外掛程式 另一種是封裝完整的外掛程式 然後將jqeury作為引數自身呼叫,達到給jquery物件擴充套件功能目的,形成外掛程式。其實兩種方式都是給jqeury物件擴充套件成員來實現外掛程式功能的,所以本質上功...