jquery $.fn $.fx は何を意味し、それは_jquery に何に使用されますか

$.fn は、jquery 名前空間に加えて、すべての jquery インスタンスに有効な fn のメソッドと属性を参照します。
$.fn.abc()
を拡張する場合は、次のようにすることができます: $("#div").abc();
通常は extend メソッドを使用して拡張します。詳細については API を参照してください。詳細
$.fx は jquery の特殊効果を指します。
表示、スライド、フェード、アニメーションなどを使用する場合
$.fx.off はアニメーションをオフにできますが、実際には結果を直接表示します。

jquery の extend と fn.extend

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

fnとは何ですか。 jQuery コードを見ると、見つけるのは難しくありません。
jQuery.fn = jQuery.prototype = {
init: function( selector, context ) {//....
//....
}; jQuery.fn = jQuery.prototype。プロトタイプについてはよくご存知でしょう。
JavaScript にはクラスという明確な概念がありませんが、それを理解するにはクラスを使用する方が便利です。
jQuery は非常によくカプセル化されたクラスです。たとえば、ステートメント $("#btn1") を使用すると、jQuery クラスのインスタンスが生成されます。

jQuery.extend(object); jQuery クラスにクラス メソッドを追加します。これは、静的メソッドの追加として理解できます。例:
$.extend({
add:function(a,b){return a b;}
});
は、jQuery の add と呼ばれる「静的メソッド」を追加します。 jQuery が導入されている場合は、このメソッドを使用できます。
$.add(3,4); //return 7
jQuery.fn.extend(object); jQuery.prototype を拡張するには、jQuery クラスに「member」を追加します。機能」。 jQueryクラスのインスタンスはこの「メンバー関数」を利用することができます。
たとえば、特別な編集ボックスを作成するプラグインを開発したいと考えています。これをクリックすると、現在の編集ボックスの内容が警告されます。これを行うことができます:

Jquery コード:

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

$.fn.extend({
alertwhileClick:function(){
$(this).click(function(){
alert($(this).val());
} );
}
});
$("#input1").alertwhileClick();

ページ上:
$("#input1") は jQuery インスタンスです。メンバー メソッドalertwhileClick を呼び出すと、展開が実装されます。クリックされるたびに、最初にコンテンツがポップアップされます。現在の編集では。
実際の開発では、このような初心者のプラグインを作成することはありません。実際には、jQuery には豊富な操作ドキュメント、イベント、CSS、Ajax、エフェクト メソッドが用意されており、これらのメソッドを組み合わせて開発できます。 Niubility プラグインの詳細。


jquery(function(){}) と (function(){}(jQuery) 1.
jQuery(function(){}); の違い
は、完全に
jQuery(docunemt).ready(function(){
}) として記述されます。
は、DOM がロードされた後に ready() メソッドを実行することを意味します
2。 🎜>(function (){
}(jQuery);
実際には ()(para) 匿名メソッドを実行しますが、jQuery オブジェクトを渡します

概要: jQuery(function(){}) ; が使用されます。コードの実行時には、DOM オブジェクトを格納するコードがすでに存在します。jQuery オブジェクトが渡されないため、メソッドを外部から呼び出すことはできません。 . 🎜>}(jQuery);
はプラグイン開発用のコードを保存するために使用されます。DOM オペレーション コードを直接実行する場合は、DOM が存在しない可能性があります。