jQuery_jqueryにおける$.fnの使用例の紹介

$.fn は、jquery 名前空間に加えて、すべての jquery インスタンスに有効な fn のメソッドと属性を参照します。
$.fn.abc() を拡張すると、つまり、$.fn.abc() が abc メソッドで jquery を拡張すると、後続の各 jquery インスタンスがこのメソッドを参照できるようになります。 $("#div").abc();

jQuery は、プラグインを開発するための 2 つのメソッドを提供します。 jQuery クラス自体に新しいメソッドを追加します。
jQuery.fn.extend(object); jQuery オブジェクトにメソッドを追加します。

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

コードをコピー コードは次のとおりです。 jQuery.fn = jQuery.prototype ={

init: function( selector, context ){//....

//......
};


元の jQuery.fn =jQuery。 Right Prototype は間違いなくおなじみです。
jQuery は非常によくカプセル化されたクラスです。たとえば、ステートメント $("#btn1") を使用すると、jQuery クラスのインスタンスが生成されます。

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

コードをコピー コードは次のとおりです: $.extend({

add: function(a,b){returna b;}

});


jQuery の add という「静的メソッド」を追加すると、jQuery がある場所であればどこでもこれを使用できます。 Method,
$.add(3,4); //return 7

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

jQuery コード

コードをコピー コードは次のとおりです: $.fn.extend({

alertwhileClick:function(){

$(this).click(function(){

alert($( this).val ());
}
};