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

    時間:2020-11-28 08:14:22 筆試題目 我要投稿

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

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

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

      jQuery.fn.extend(object);

      jQuery.extend(object);

      jQuery.extend(object);方法為擴展jQuery類本身.并為類添加新的方法。

      jQuery.fn.extend(object)方法是給jQuery對象添加方法。

      jQuery.fn = jQuery.prototype.

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

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

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

      $.extend({

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

      });

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

      $.add(3,4); //return 7

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

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

      Java代碼

      1. $.fn.extend({

      2.

      3. alertWhileClick:function(){

      4.

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

      6.

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

      8. });

      9.

      10. }

      11.

      12. });

      13.

      14. $(“#input1″).alertWhileClick(); //頁面上為:

      $.fn.extend({

      alertWhileClick:function(){

      $(this).click(function(){

      alert($(this).val());

      });

      }

      });

      $(“#input1″).alertWhileClick(); //頁面上為:

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

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

    【筆試:如何開發一個JQuery插件】相關文章:

    關于Jquery插件編寫11-10

    jQuery定義插件的方法11-12

    jQuery實現網頁進度顯示插件方法11-10

    關于jquery插件jTimer(jquery定時器)使用方法11-10

    JavaScript插件化開發講解11-10

    jQuery插件擴展extend的簡單實現原理介紹11-11

    jQuery插件制作之全局函數使用方法11-11

    JavaScript插件化開發方式11-10

    如何理解jquery事件冒泡11-10

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      自拍亚洲日韩一区 | 亚洲欧洲日韩综合在线 | 日本强伦姧护士在线播放 | 五码三级级精品国产宾 | 亚洲日韩欧美一区二区三区在线 | 日精品一区二区三区 |