ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery.extend関数の使用例を詳しく解説

jQuery.extend関数の使用例を詳しく解説

巴扎黑
巴扎黑オリジナル
2017-07-09 16:41:261141ブラウズ

JQuery の extend メソッド: JQuery の extend メソッドは、プラグインを作成するときによく使用されるメソッドです。このメソッドにはいくつかの
オーバーロード プロトタイプがあります。ここでは、それについて一緒に学びましょう。
1. Jquery の拡張メソッドのプロトタイプは次のとおりです:


extend(dest,src1,src2,src3...); これは、src1、src2、src3... をマージすることを意味します。戻り値はマージされた dest です。このメソッドはマージ後に dest の構造を変更することがわかります。マージされた結果を取得したいが、dest の構造を変更したくない場合は、次のように使用できます:


var newSrc=$.extend({},src1,src2,src3...) )//つまり、dest パラメータとして「{ }」を変更します。


このようにして、src1、src2、src3...をマージし、マージされた結果をnewSrcに返すことができます。例:


var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})


次にマージします。最終結果

result={name:"Jerry",age:21,sex:"Boy"}


つまり、次のパラメーターが前のパラメーターと同じ名前を持つ場合、次のパラメータは、前のパラメータ値を上書きします。省、

2、DEST パラメータの省略


上記 EXTEND メソッドのプロトタイプの DEST パラメータは省略可能で、省略した場合、このメソッドは SRC パラメータを 1 つだけ持つことができ、Extend メソッドを呼び出すために src がマージされます。メソッド

オブジェクト

、例: 1, $.extend(src)
このメソッドは、src を jquery のグローバル オブジェクトにマージします。例:

$.extend({
hello : function(){alert('hello');}

});


はjqueryのグローバルオブジェクトにhelloメソッドをマージすることです。


2. $.fn.extend(src)

このメソッドは、次のように src を jquery インスタンス オブジェクトにマージします。 ');}

});

はhelloメソッドをjqueryインスタンスオブジェクトにマージすることです。

一般的に使用される拡張の例をいくつか示します:



$.extend({net:{}});

これは、jquery グローバル オブジェクト内のネット

名前空間

を拡張します。


$.extend($.net,{

hello:function(){alert('hello');}

})

これは、以前に拡張された Jquery net 名前空間に hello メソッドを拡張するためのものです。で。

3. Jquery の extend メソッドにもオーバーロードされたプロトタイプがあります:




extend(boolean,dest,src1,src2,src3...)


最初のパラメータ boolean はディープコピーを実行するかどうかを表します。残りのパラメーターは前に紹介したものと同じです。 ディープ コピーとは何ですか? 例を見てみましょう:

var result=$.extend( true, {},

{ name: "John", location: {city) : " Boston",
count

y:"USA"} },

{ last: "Resig", location: {state: "MA",county:"China"} } );


src1 が確認できます。ネストされたサブオブジェクトの場所: {city: "Boston"}、src2 もネストされたサブオブジェクトの場所: {state: "MA"}、最初のディープ コピー パラメーターが true、マージされた結果は次のようになります:


result={name:"John",last:"Resig",
location:{city:"Boston",state:"MA",county:"China"}}

つまり、 will src のネストされたサブオブジェクトもマージされます。最初のパラメーター boolean が false の場合、次のようにマージの結果がどのようになるかを見てみましょう:



var result=$.extend( false, {} ,

{ 名前: "ジョン", 場所:{都市: "ボストン",郡:"アメリカ"} },

{ 姓: "レジグ", 場所: {州: "マサチューセッツ州",郡:"中国"} }
);


合併後の結果は次のようになります:


result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}

上記は $.extend() がプロジェクトでよく使用される詳細です。

以上がjQuery.extend関数の使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。