jQuery での $.extend() の使用に関する簡単な説明

この記事では、jQuery $.extend() の使用法をすべての人に向けてまとめています。一定の参考値があるので、困っている友達が参考になれば幸いです。

#関連する推奨事項: 「

jQuery ビデオ」

JQuery を使用してプラグインを開発するための 2 つの方法

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 はは～、このプロトタイプをご存知ですか？ ！

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 クラスの インスタンス だけが、この

「メンバー関数」を呼び出すことができます。 Chestnut② たとえば、クリックすると現在の編集ボックスの内容が警告される特別な編集ボックスを作成するプラグインを開発したいとします。

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

jQuery.extend() への呼び出しは、メソッドをオブジェクトのインスタンスに拡張しません。それを参照するメソッドも、次のような jQuery クラスを通じて実装する必要があります。 jQuery.init()

jQuery.fn.extend() の呼び出しはメソッドをオブジェクトのプロトタイプに拡張するため、jQuery オブジェクトがインスタンス化されると、これらのメソッドが存在し、jQuery のあらゆる場所に反映されます。 .

JS

jQuery.fn.extend = jQuery.prototype.extend

オブジェクトをjQuery プロトタイプ、この場合は プラグイン機構 です。

Lizi③

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

プログラミング関連の知識について詳しくは、

プログラミング ビデオ コース

をご覧ください。 ！

以上がjQuery での $.extend() の使用に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。