jQuery_jqueryでの$.extend()の使用例-jsチュートリアル-php.cn

jQuery_jqueryでの$.extend()の使用例

WBOY

リリース： 2016-05-16 15:53:05

オリジナル

1361 人が閲覧しました

この記事の例では、jQuery での $.extend() の使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

$.extend() メソッドは次のように定義されます:

jQuery.extend([deep], target, object1, [objectN])

オブジェクトを 1 つ以上の他のオブジェクトで拡張し、拡張されたオブジェクトを返します。
ターゲットが指定されていない場合は、jQuery 名前空間自体が展開されます。これは、プラグイン作成者が jQuery に新しいメソッドを追加するのに役立ちます。最初のパラメータが true に設定されている場合、jQuery はディープコピーを返し、見つかったオブジェクトを再帰的にコピーします。それ以外の場合、コピーは元のオブジェクトと構造を共有します。未定義のプロパティはコピーされませんが、オブジェクトのプロトタイプから継承されたプロパティはコピーされます。

使用方法については、以下のコードを参照してください。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>extendFun</title>
<script src="../scripts/jquery-1.9.0.js" type="text/javascript"></script>
<meta name="author" content="Administrator" />
<!-- Date: 2013-01-30 -->
<script type="text/javascript">
$(function () {
var pageConfig= {};
var pageConfig=$.extend(pageConfig,{
createUrl: '${ROOT}/subject/createOrModifyPageTemplates',
deleteUrl: '${ROOT}/subject/deletePageTemplates',
modifyUrl: '${ROOT}/subject/createOrModifyPageTemplates',
infoName: 'pageTemplateInfo'
});
$("#subm").click(function(){
var posturl= pageConfig.deleteUrl;
alert(posturl);
});
})
</script>
</head>
<body>
<input id="subm" name="subm" type="button" value="clickme" >
</body>
</html>

ログイン後にコピー

出力結果: ${ROOT}/subject/deletePageTemplates

この記事が皆さんの jQuery プログラミングに役立つことを願っています。