Jquery.extend()

var object = $.extend({}, object1, object2);


默认情况下,通过$.extend()合并操作不是递归的,当true 作为该函数的第一个参数,那么会在对象上进行递归的合并。**不支持第一个参数传递 false
作用:对于插件开发者希望向 jQuery 中添加新函数时是很有用的。



<div id="log"></div>
<script>
var object1 = {
apple: 0,
banana: { weight: 52, price: 100 },
cherry: 97
};
var object2 = {
banana: { price: 200 },
durian: 100
};</script>


【合并两个对象,并修改第一个对象:】

$.extend( object1, object2 );
$( "#log" ).append( JSON.stringify( object1 ) );
//{"apple":0,"banana":{"price":200},"cherry":97,"durian":100}


【采用递归方式合并两个对象,并修改第一个对象:】

$.extend( true, object1, object2 );
$( "#log" ).append( JSON.stringify( object1 ) );
//{"apple":0,"banana":{"weight":52,"price":200},"cherry":97,"durian":100}


【常用的插件开发模式:合并对象并不改变原有对象】
<script>
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = $.extend( {}, defaults, options );
$( "#log" ).append( "<div><b>defaults -- </b>" + JSON.stringify( defaults ) + "</div>" );
//defaults -- {"validate":false,"limit":5,"name":"foo"}
$( "#log" ).append( "<div><b>options -- </b>" + JSON.stringify( options ) + "</div>" );
//options -- {"validate":true,"name":"bar"}
$( "#log" ).append( "<div><b>settings -- </b>" + JSON.stringify( settings ) + "</div>" );//settings -- {"validate":true,"limit":5,"name":"bar"}
</script>

[url]http://www.css88.com/jqapi-1.9/jQuery.extend/[/url]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值