jquery的擴展方法總結

jQuery的擴展方法有兩種方式,一種是jQuery本身的擴展方法,另一種是jQuery所選對象的擴展方法,下面一起來看。

一、方式列表:
  1.jQuery.extend(Object);   // jQuery 本身的擴展方法
  2.jQuery.fn.extent(Object);  // jQuery 所選對象擴展方法

二、調用示例:
        1.jQuery 本身的擴展方法實例如下:

        代碼如下:
        jQuery.extend({
                Meg: function (message) {
                    alert(message);
                },
                MegToo: function (messageToo) {
                    alert(messageToo);
                }
        });

  頁面調用:jQuery.Meg("Hi,Stone");
  其中Meg和MegToo爲我的jQuery自定義擴展方法,多個擴展方法之間用英文逗號隔開。
  
        2.jQuery 所選對象擴展方法有兩種書寫方式。
   a)jQuery 所選對象擴展方法實例一如下:
        
        代碼如下:
        jQuery.fn.extend({
                ShowHtml: function (showhtml) {
                        jQuery(this).html(showhtml);
                }
        });

   頁面調用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");
   其中ShowHtml爲我的jQuery所選對象的擴展方法,多個擴展方法之間用英文逗號隔開。
  
        b)jQuery 所選對象擴展方法實例二代碼如下:
        代碼如下:
        (function (jq) {
                jq.fn.ShowHtmlToo = function (showhtml) {
                        jQuery(this).html(showhtml);
                };
        })(jQuery)

   調用相同與方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");

詳細出處參考:http://www.jb51.net/article/28440.htm
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章