jQuery には、カスタマイズされた jQuery.extend() メソッドと jQuery.fn.extend() メソッドがあります。 jQuery.extend() メソッドはグローバル関数またはセレクターを作成でき、jQuery.fn.extend() メソッドは jQuery オブジェクト メソッドを作成できます。 >
例:
jQuery。 extend({
showName : function(name){
alert(name)
}
});
jQuery.showName("ダークブルー"); 🎜>jQuery。プラグインの作成に加えて、extend() は jQuery オブジェクトの拡張にも使用できます。
コードをコピーします。
var b = {
名前 : "赤",
パス : 456,
年齢 : 1
}
var c = jQuery.extend({},a,b); >
c は a、b オブジェクトの属性を所有します。b オブジェクトは a オブジェクトの後にあるため、その name 属性は c オブジェクトの最初にあります。
jQuery.extend() メソッドは一連のオプションを渡します。
コードをコピーします
コードは次のとおりです:
/ /Function body
}
fn({ name1 : value3, name2 : value2 , name3 : value1 });/ /Use new value
fn({ name4 : value3, name5 : value2 });// デフォルトに新しいオプションを追加します
fn(); // デフォルトのオプション値を保持します
このメソッドを呼び出すと、新しいパラメータ値を渡すとデフォルトのパラメータ オプション値が上書きされます。それ以外の場合は、デフォルトのパラメータ値を使用します。
JQuery.fn オブジェクトを使用して JQuery オブジェクト メソッドを作成します。 >
jQuery.fn オブジェクトを通じてプロパティとメソッドを追加できます。実際、jQuery.fn オブジェクトは jQuery.prototype のフックです。jQuery は
fn の略です。 jQuery コードを見ると、見つけるのは難しくありません。
コードをコピー
コードは次のとおりです。
オリジナルの jQuery .fn = jQuery.prototype プロトタイプについてはよくご存知でしょう。
例:
コードをコピーします
コードは次のとおりです:
コードをコピーします。
コードは次のとおりです。
jQuery.fn .extend({
test : function( ){
return this.each(function(){
alert(this.nodeName) }); } }); jQuery("body *"). click(function(){ $(this).test(); // jQuery オブジェクトのメソッド
を呼び出します
一言で言えば、jQuery.extend は JQuery クラスのカスタム拡張機能であり、jQuery.fn.extend は JQuery オブジェクトのカスタム拡張機能です。