jquery_jquery の extend と fn.extend の使用手順

jQuery には、プラグインを開発するための 2 つのメソッドが用意されています。

コードをコピー コードは次のとおりです。

jQuery.fn.extend(object);

jQuery.extend(object); jQuery クラス自体を拡張します。クラスメソッドは初めてです。
jQuery.fn.extend(object); jQuery オブジェクトにメソッドを追加します。

fnとは何ですか。 jQuery コードを見ると、見つけるのは難しくありません。

コードをコピー コードは次のとおりです:

jQuery.fn = jQuery。プロトタイプ = {
init: function(selector, context) {//....
//....
};

オリジナルjQuery.fn = jQuery.prototype. あなたはプロトタイプに慣れているわけではありません。

JavaScript には明確なクラスの概念がありませんが、それを理解するにはクラスを使用する方が便利です。
jQuery は非常によくカプセル化されたクラスです。たとえば、ステートメント $("#btn1") を使用すると、jQuery クラスのインスタンスが生成されます。

jQuery.extend(object); jQuery クラスにクラス メソッドを追加します。これは、静的メソッドの追加として理解できます。例:

コードをコピー コードは次のとおりです:

$.extend({
add: function(a,b){return a b;}
});

は、このメソッド $.add(3,4); //return 7

jQuery.fn.extend(object); jQuery.prototype を拡張するには、jQuery クラスの「メンバー関数」に追加します。 jQueryクラスのインスタンスはこの「メンバー関数」を利用することができます。
たとえば、特別な編集ボックスを作成するプラグインを開発したいと考えています。これをクリックすると、現在の編集ボックスの内容が警告されます。これを行うことができます:

コードをコピー コードは次のとおりです:

$.fn。 extend({

alertwhileClick:function(){
$(this).click(function(){
alert($(this).val());
});
}
});
$("#input1").alertwhile(); // ページ上: