ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryのextend関数の簡単な使い方の詳細な例

jQueryのextend関数の簡単な使い方の詳細な例

小云云
リリース: 2017-12-26 17:13:16
オリジナル
1531 人が閲覧しました

この記事では、jQuery の extend 関数の簡単な使い方を主に紹介し、extend 関数を使用してオブジェクトのプロパティを拡張するための jQuery の関連操作テクニックを例の形式で簡単に分析します。みんなを助けることができる。

この記事の例では、jQuery の extend 関数の簡単な使用法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

var result=$.extend({},item,item1);
ログイン後にコピー

extend 新しい属性をオブジェクトに追加します: js プラグインはパラメータの設定によく使用されます
{}: item と item1 をマージした結果
item: デフォルトの属性
item1: 新しい属性、item1 と item1 の属性が重複する場合、item1 の属性は上書きされます

<span id="Test"></span>
ログイン後にコピー
var item={"name":"olive","age":23};
var item1={"name":"Momo",sex:"gril"};
var result=$.extend({},item,item1);
console.log(JSON.stringify(result));
$("#Test").text(JSON.stringify(result))
ログイン後にコピー

結果:

分析:

結果は、item1 の name 属性が item1 の name 属性をカバーしていることを示しています。 item と item1 オブジェクトの属性は重複せず、相互に影響を与えず、結果オブジェクトに均一に継承されます。その後、ユーザーは extend 関数を使用して関連する設定をカスタマイズできます。フレームワークを個人的に使用するという目的を達成するため。

関連する推奨事項:

jquery の extend メソッドの分析

JavaScript での object.extend 静的メソッドの使用の詳細な例

jquery の extend と fn.extend

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート