jQuery.extend関数の詳しい使い方を共有する

最近jQueryを勉強しています。 jQuery.extend 拡張機能 関数 の使用法を記録します。

1. jQuerystaticメソッドを拡張します。

1$。 extend({
2test:関数(){alert('テスト関数) ')}
3})

使用法: $.test()

2. 例として、jQuery.extend(css1,css2) の複数の オブジェクト .
を結合します。 1 , css2 にはいくつかの 属性 があります (メソッドは引き続き比較されます。ここでは属性について説明します)。css2 の特定の属性が異なる場合、
extend 関数は css2 にはあるが css1 に追加します。 css1 の属性 名前を使用すると、css2 のプロパティが css1 の同じ名前のプロパティを上書きするために使用されます。 css1 は最終的な統合オブジェクトです。または、以下を使用することもできます:
var newcss = jquery.extend(css1,css2) newcss は、マージされた新しいオブジェクトです。
var newcss = jquery.extend({},css1,css2) newcss はマージされた新しいオブジェクトであり、css1 の構造は破壊されません。

1//使用法: jQuery.extend(obj1,obj2,obj3,) ..)
2var Css1={サイズ: "10px "、スタイル: "斜め「}
3var Css2={サイズ: 」 12px「、スタイル: 」 斜め"、重さ: "太字"}
4$.jQuery.extend(Css1,Css2)
5 // 結果: Css1のsize属性が上書きされ、Css2のweight属性が継承
6// Css1 = {size: "12px"、style: "oblique "、体重: "大胆"}
7

3.深くネストされたオブジェクト
新しい extend() を使用すると、ネストされたオブジェクトをより深くマージできます。以下の例はその良い証拠です。

1// Previous .extend()
2 jQuery.extend(
3 "ボストン" } }, 4 5 ); 6
// 結果: 7 // => {名前: "ジョン"、姓: "Resig"、場所: { 状態: "MA"}}
8
// 新しいより深い .extend() 9 jQuery.extend( tru​​e,
10 { name: 「ジョン」、場所: { 都市: ボストン” } },
11 { last: 「Resig」 location: { state: 「MA」 ” } }
12 );   
13 // 结果
14 // =&gと; { 名前: 「ジョン」、姓: 「Resig」、
15 // 場所: { 都市: 「ボストン」, 州: 「MA」 } }
16
17

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