jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象
- 如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。
- 如果多个对象具有相同的属性，则后者会覆盖前者的属性值。如需要保留原数据,第一个 object 使用 空对象 {}
语法:
$.extend( target [, object1 ] [, objectN ] )
$.extend( [deep ], target, object1 [, objectN ] )
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Cache-Control" CONTENT="no-cache" />
<meta http-equiv="Pragma" CONTENT="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$.extend</title>
</head>
<body>
</body>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" th:inline="javascript">
'use strict';
$(function() {
var object1 = {
apple: 0,
banana: {
weight: 52,
price: 100
},
cherry: 97
};
var object2 = {
banana: {
price: 200
},
durian: 100
};
//非深度 object1.banana.weight 被抹去
var ext1 = $.extend({}, object1, object2);
//深度 object1.banana.weight 任然保留
var ext2 = $.extend(true, {}, object1, object2);
console.log(ext1)
console.log(ext2)
console.log(object1.banana)
$.extend(object1, object2)
console.log(object1.banana)
})
</script>
</html>
参考资料:
jQuery.extend()方法 | 菜鸟教程
//end
