當前位置:學問君>學習教育>考研>

筆試:如何開發一個JQuery插件

學問君 人氣:1.99W

JQuery有兩種開發插件的方法:

筆試:如何開發一個JQuery插件

nd(object);

nd(object);

nd(object);方法爲擴展jQuery類本身.併爲類添加新的方法。

nd(object)方法是給jQuery對象添加方法。

= otype.

雖然 Javascript 沒有明確的類的概念,但是用類來理解它,會更方便。

jQuery便是一個封裝得非常好的類,比如我們用 語句 $(“#btn1″) 會生成一個 jQuery類的實例。

nd(object); 爲jQuery類添加添加類方法,可以理解爲添加靜態方法。如:

$nd({

add:function(a,b){return a+b;}

});

便爲 jQuery 添加一個爲 add 的 “靜態方法”,之後便可以在引入 jQuery 的.地方,使用這個方法了,

$(3,4); //return 7

nd(object); 對otype進得擴展,就是爲jQuery類添加“成員函數”。jQuery類的實例可以使用這個“成員函數”。

比如我們要開發一個插件,做一個特殊的編輯框,當它被點擊時,便alert 當前編輯框裏的內容。可以這麼做:

Java代碼

1. $nd({

2.

3. alertWhileClick:function(){

4.

5. $(this)k(function(){

6.

7. alert($(this)());

8. });

9.

10. }

11.

12. });

13.

14. $(“#input1″)tWhileClick(); //頁面上爲:

$nd({

alertWhileClick:function(){

$(this)k(function(){

alert($(this)());

});

}

});

$(“#input1″)tWhileClick(); //頁面上爲:

$(“#input1″) 爲一個jQuery實例,當它調用成員方法 alertWhileClick後,便實現了擴展,每次被點擊時它會先彈出目前編輯裏的內容。

jQuery提拱了豐富的操作文檔,事件,CSS ,Ajax、效果的方法,結合這些方法,便可以開發出更加 Niubility 的插件。