jQuery中的$.extend()方法使用
$.extend()函数用于将一个或多个对象的内容合并到目标对象
用法1：只有一个参数，表示将该参数添加到全局对象jQuery中，可以用 $. 来获取值。
测试1-1：$.extend({test:100}); alert($.test); // 弹出框会显示100；
测试1-2：var fun = function(i){alert(i)}; $.extend({test:fun}); $.test(200); // 弹出框会显示200；
用法2：有多个参数，所有参数都是对象，表示将这些对象的属性合并到第一个参数中，返回值也是第一个参数对象
测试2-1：
var obj1 = {name1:'墨倾池'};
var obj2 = {name2:'夏承凛'};
var obj3 = {name3:'问奈何'};
var obj = $.extend(obj1, obj2, obj3);
alert(obj.name2);// 弹出夏承凛
alert(obj1.name3);// 弹出问奈何
用法3：有多个参数，第一个参数是“true”，不是对象，表示深度合并，也就是，如果这些参数有相同的属性名，这些属性也是对象的话，将这些属性也合并（第一个参数不写的话，默认是false，就不深度合并，这时相同的属性后面会替换前面的，不要手动写false，会出问题）
测试3-1：写上true，man属性合并
var obj1 = {man:{name1:'墨倾池'}};
var obj2 = {man:{name2:'夏承凛'}};
var obj3 = {name3:'问奈何'};
var obj = $.extend(true, obj1, obj2, obj3);
alert(obj.man.name1);// 弹出墨倾池
alert(obj.man.name2);// 弹出夏承凛
测试3-2：不写true，man属性替换
var obj1 = {man:{name1:'墨倾池'}};
var obj2 = {man:{name2:'夏承凛'}};
var obj3 = {name3:'问奈何'};
var obj = $.extend(obj1, obj2, obj3);
alert(obj.man.name1);// 弹出undefined
alert(obj.man.name2);// 弹出夏承凛
参考自菜鸟教程：https://www.runoob.com/jquery/misc-extend.html
jQuery中的$.extend()方法使用相关推荐
- 用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
- jQuery中animate( )的方法及$(“body“).animate({‘scrollTop‘:top},500)不被Firefox支持问题的解决
jQuery中animate( )的方法及$("body").animate({'scrollTop':top},500)不被Firefox支持问题的解决 参考文章: (1)jQu ...
- jquery中的map()方法与js中的map()方法
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- jQuery 中的 end 方法
如有错误,欢迎批评指正! jQuery 中的 end 方法,我从 stackoverflow 上的一个回答开始讲: 原文链接: What does the .end() function do in ...
- 原生JS中的三大家族（offset/scroll/client）与jQuery中对应的方法
JS中的offset家族: 一.offsetEWidth与offsetHeight: 获取的是元素的实际宽高 = width + border + padding 注意点: 1.可以获取行内及内嵌的宽 ...
- ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用 首先介绍下$.ajax的参数 type:请求方式 GET/ ...
- JQuery中ajax,get方法在asmx中的使用
喜大普奔,今天终于完成了一个月前就想完成的一个代码实现.就是在点击一个按钮后禁用按钮,弹出正在操作的提示框,执行完事件后再启用按钮. 以前的想法是Ajax和aspx联用,这样,省页面,也不用对后台代码 ...
- js中的onclick事件和JQuery中的click方法以及on方法事件用法总结
1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有(js中的),Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么 2.click方法(jquery中 ...
- 关于JQuery中的appendTo方法
JQuery中的appendTo方法是会改变页面原有的结构,包括原从页面中取到结构的地方,比如如下代码(代码来自慕课网): <!DOCTYPE html> <html> < ...
最新文章
- 程序员，有没有比较适合的任务管理方式？
- 万字详解，JDK1.8新特性的Lambda、Stream和日期的使用详解
- awstats linux日志分析,（总结）Linux下使用awstats分析Nginx的日志详情
- tar 压缩去除目录
- .net core读取配置文件
- QuickFIX/N入门
- Defect Prevention - How to prevent defect in process!
- 零基础学前端之css3高级特效
- linux基础知识——wait函数和waitpid函数回收子进程
- nlp mrc的损失是什么_田渊栋从数学上证明ICLR最佳论文“彩票假设”，强化学习和NLP也适用...
- Chrome Inspect调试stetho出现空白的解决方法
- Entity Framework 实体框架的形成之旅--实体框架的开发的几个经验总结
- Flash 第十一章 引导层和遮罩层动画
- 饥荒正版怎么创建专用服务器,饥荒联机版如何创建本地服务器
- 【推荐】无线通信技术推荐学习图书目录
- echarts常见图形-横向柱状图(六)
- Foxmail 设置自动落款签名
- 高德地图获取城市所有小区的POI
- Photoshop CC 2017工具的使用
- 用 shader effect 实现雨滴落水效果！Cocos Creator 3D !