ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jqueryでの$.extend()の使用例
jQuery_jqueryでの$.extend()の使用例
- WBOYオリジナル
- 2016-05-16 15:53:051421ブラウズ
この記事の例では、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 プログラミングに役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。