jQuery中$.extend()有什么用

這篇文章將為大家詳細(xì)講解有關(guān)jQuery中$.extend()有什么用，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

JQuery開發(fā)插件的兩個方法

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

2、jQuery.fn.extend(object);給jQuery對象添加方法。

jQuery.fn

jQuery.fn = jQuery.prototype = {
    init: function(selector, context) {
        //內(nèi)容
    }
}

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

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

jQuery.extend(object)

為jQuery類添加類方法，可以理解為添加靜態(tài)方法。

 栗子①

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類添加“成員函數(shù)”。jQuery類的實(shí)例才可以調(diào)用這個“成員函數(shù)”。

栗子②

比如我們要開發(fā)一個插件，做一個特殊的編輯框，當(dāng)它被點(diǎn)擊時，便alert 當(dāng)前編輯框里的內(nèi)容?？梢赃@么做：

$.fn.extend({
    alertWhileClick: function() {
        $(this).click(function() {
            alert($(this).val());
        });
    }
});
//$("#input1")是jQuery的實(shí)例，調(diào)用這個擴(kuò)展方法
$("#input1").alertWhileClick();

jQuery.extend() 的調(diào)用并不會把方法擴(kuò)展到對象的實(shí)例上，引用它的方法也需要通過jQuery類來實(shí)現(xiàn)，如jQuery.init()

jQuery.fn.extend()的調(diào)用把方法擴(kuò)展到了對象的prototype上，所以實(shí)例化一個jQuery對象的時候，它就具有了這些方法，在jQuery.JS中到處體現(xiàn)這一點(diǎn)

jQuery.fn.extend = jQuery.prototype.extend

你可以拓展一個對象到j(luò)Query的 prototype里去，這樣的話就是插件機(jī)制了。

栗子③

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

關(guān)于jQuery中$.extend()有什么用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。