ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryのextend関数の使い方の紹介

jQueryのextend関数の使い方の紹介

小云云
リリース: 2018-01-25 10:46:38
オリジナル
1365 人が閲覧しました

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


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 は item の name 属性をオーバーライドします。 item オブジェクトと item1 オブジェクトの重複しない属性は相互に影響を与えず、多くの JS フレームワークがデフォルト設定を設定し、ユーザーは extend 関数を通じて次のことを行うことができます。フレームワークの使用目的を達成するために、関連する構成をカスタマイズします。

関連する推奨事項:

jQuery の $.extend シャロー コピーとディープ コピーの例の分析

jQuery における遅延オブジェクトと extend の違いの詳細な説明

extend 関数の簡単な使用法の例の詳細な説明jQueryで


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

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