JQuery中extend使用介绍
jQuery 使用 介绍 extend
2023-06-13 09:15:19 时间
Jquery中extend的扩展方法原型是:
1、extend(dest,src1,src2,src3...);
它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:
2、varnewSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。
这样就可以将src1,src2,src3...进行合并,然后将合并结果返回给newSrc了。
如下例:
varresult=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
那么合并后的结果
result={name:"Jerry",age:21,sex:"Boy"}
也就是说后面的参数如果和前面的参数存在相同的名称,那么后面的会覆盖前面的参数值。
3、extend(boolean,dest,src1,src2,src3...)
第一个参数boolean代表是否进行深度拷贝,其余参数和前面介绍的一致
例如
varresult=$.extend(true,{},
{name:"John",location:{city:"Boston",county:"USA"}},
{last:"Resig",location:{state:"MA",county:"China"}});
我们可以看出src1中嵌套子对象location:{city:"Boston"},src2中也嵌套子对象location:{state:"MA"},第一个深度拷贝参数为true,那么合并后的结果就是:
result={name:"John",last:"Resig",location:{city:"Boston",state:"MA",county:"China"}}
也就是说它会将src中的嵌套子对象也进行合并,而如果第一个参数boolean为false,我们看看合并的结果是什么,如下:
varresult=$.extend(false,{},
{name:"John",location:{city:"Boston",county:"USA"}},
{last:"Resig",location:{state:"MA",county:"China"}});
那么合并后的结果就是:
result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}
相关文章
- jQuery 教程
- 使用JQuery重绘图片的大小详解编程语言
- jQuery插件开发详解编程语言
- jquery.cookie.js中$.cookie() 使用方法详解编程语言
- jQuery学习6操纵元素显示效果的函数
- jQuery源码分析-05异步队列Deferred使用介绍
- jQuery之$(document).ready()使用介绍
- Jquery瀑布流插件使用介绍
- jQuery事件delegate()使用方法介绍
- 圣诞节MerryChristmas给博客添加浪漫的下雪效果基于jquery实现
- JQuery的ajax的用法在asp中使用$.ajax()实现
- 让图片旋转任意角度及JQuery插件使用介绍
- jQuery基本选择器选择元素使用介绍
- 关于jquery.validate1.9.0前台验证的使用介绍
- jquery关于event.target使用的几点说明介绍
- jquery拖动插件(jquery.drag)使用介绍
- 使用jquery的ajax调用总是错误亲测的解决方法
- JQuery之focus函数使用介绍
- Jquery的outerHeight方法使用介绍
- jquery实现滑动图片自己测试的例子
- jquery滚动条插件jScrollPane的使用介绍
- jQuery的全选(全非选)即取得被选中的值使用介绍
- 关于jquery中全局函数each使用介绍
- jquery的live使用注意事项
- jQuery的选择器中的通配符使用介绍
- 使用JS实现jQuery的addClass,removeClass,hasClass函数功能
- JQuery中使用.each()遍历元素学习笔记