<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • 筆試:如何開發一個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

    主站蜘蛛池模板: 国产人成精品午夜在线观看| 刺激无码在线观看精品视频| 中文精品久久久久国产网址| 永久免费精品影视网站| 亚洲天堂久久精品| 精品人妻系列无码天堂| 四虎精品免费永久免费视频| 久久精品国产99国产电影网| 久久99国产乱子伦精品免费| 欧美精品成人3d在线| 国产高清精品在线| 国产精品久久久久久福利69堂| 四虎成人精品永久免费AV| 久久久WWW成人免费精品| 91国内揄拍国内精品情侣对白 | A级精品国产片在线观看| 日本免费精品一区二区三区 | 99精品视频在线观看免费| 一区二区三区精品高清视频免费在线播放 | 精品国精品国产自在久国产应用| 亚洲精品tv久久久久| 惠民福利中文字幕人妻无码乱精品| 久久精品国产99国产精偷| 99久久精品日本一区二区免费| 无码人妻精品一区二区| 亚洲国产综合精品一区在线播放| 国产精品单位女同事在线| 亚洲无删减国产精品一区| 国产精品久久久天天影视| 国产日产韩国精品视频| 色国产精品一区在线观看| 亚洲中文字幕久久精品无码APP| 老司机午夜网站国内精品久久久久久久久 | 亚洲精品色午夜无码专区日韩| 欧美精品成人3d在线| 欧美成人精品网站播放| 久久93精品国产91久久综合| 国产在线精品福利大全| 精品国产亚洲一区二区在线观看| 国产精品片在线观看手机版| 国产精品青草视频免费播放|