淺談jQuery中$.extend()的使用方法

本篇文章為大家總結了一些jQuery $.extend()用法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

相關推薦：《jQuery影片》

JQuery開發外掛程式的兩個方法

1、jQuery.extend(object);為擴充jQuery類別本身.為類別新增新的方法。 

2、jQuery.fn.extend(object);為jQuery物件新增方法。

jQuery.fn

jQuery.fn = jQuery.prototype = {
    init: function(selector, context) {
        //内容
    }
}

 jQuery.fn = jQuery.prototype。 O(∩_∩)O哈哈~，對這個prototype（原型）不陌生了吧！ ！

雖然 JavaScript 沒有明確的類別的概念，但用類別來理解它，會更方便。 jQuery便是一個封裝得非常好的類，例如我們用 語句$("#p1")會產生一個 jQuery類的實例。

jQuery.extend(object)

  為jQuery類別新增類別方法，可以理解為添加靜態方法。

  栗子①

jQuery.extend({
    min: function(a, b) {
        return a < b ? a : b;
    },
    max: function(a, b) {
        return a > b ? a : b;
    }
});
jQuery.min(2, 3); //  2 
jQuery.max(4, 5); //  5

jQuery.fn.extend(object);

#  就是為jQuery類別新增「成員函數」。 jQuery類別的實例才可以呼叫這個「成員函數」。

  栗子②

  例如我們要開發一個插件，做一個特殊的編輯框，當它被點擊時，便alert 目前編輯框裡的內容。可以這麼做：

$.fn.extend({
    alertWhileClick: function() {
        $(this).click(function() {
            alert($(this).val());
        });
    }
});
//$("#input1")是jQuery的实例，调用这个扩展方法
$("#input1").alertWhileClick();

jQuery.extend() 的呼叫並不會把方法擴展到物件的實例上，引用它的方法也需要透過jQuery類別來實現，如jQuery.init()

jQuery.fn.extend()的呼叫把方法擴展到了物件的prototype上，所以實例化一個jQuery物件的時候，它就具有了這些方法，在jQuery.JS中到處體現這一點

jQuery.fn.extend = jQuery.prototype.extend

  你可以拓展一個物件到jQuery的prototype裡去，這樣的話就是外掛機制了。

  栗子③

(function($) {
    $.fn.tooltip = function(options) {};
    //等价于 var
    tooltip = {
        function(options) {}
    };
    $.fn.extend(tooltip) = $.prototype.extend(tooltip) = $.fn.tooltip
})(jQuery);

更多程式相關知識，請造訪：程式設計影片課程！ ！

以上是淺談jQuery中$.extend()的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！