$.extend 简单实例

最新推荐文章于 2023-03-02 17:20:46 发布

352328759

最新推荐文章于 2023-03-02 17:20:46 发布

阅读量1.2k

点赞数 1

分类专栏： Jquery 介绍文章标签： jquery extend 对象合并

本文链接：https://blog.csdn.net/u013970232/article/details/111181078

版权

介绍同时被 2 个专栏收录

36 篇文章 0 订阅

订阅专栏

Jquery

11 篇文章 0 订阅

订阅专栏

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

352328759

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
$.extend 简单实例

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。如果多个对象具有相同的属性，则后者会覆盖前者的属性值。如需要保留原数据,第一个 object 使用空对象 {}语法:$.extend( target [, object1 ] [, objectN ] )$.extend( [deep ],
复制链接

扫一扫