[转载]jQuery.extend 函数详解
JQuery的extend扩展方法:
Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。
一、Jquery的扩展方法原型是:
extend(dest,src1,src2,src3...);
它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用:
var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。
这样就可以将src1,src2,src3...进行合并,然后将合并结果返回给newSrc了。如下例:
var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})
那么合并后的结果
result={name:"Jerry",age:21,sex:"Boy"}
也就是说后面的参数如果和前面的参数存在相同的名称,那么后面的会覆盖前面的参数值。
二、省略dest参数
上述的extend方法原型中的dest参数是可以省略的,如果省略了,则该方法就只能有一个src参数,而且是将该src合并到调用extend方法的对象中去,如:
1、$.extend(src)
该方法就是将src合并到jquery的全局对象中去,如:
$.extend({ hello:function(){alert('hello');} });
就是将hello方法合并到jquery的全局对象中。
2、$.fn.extend(src)
该方法将src合并到jquery的实例对象中去,如:
$.fn.extend({ hello:function(){alert('hello');} });
就是将hello方法合并到jquery的实例对象中。
下面例举几个常用的扩展实例:
$.extend({net:{}});
这是在jquery全局对象中扩展一个net命名空间。
$.extend($.net,{ hello:function(){alert('hello');} })
这是将hello方法扩展到之前扩展的Jquery的net命名空间中去。
三、Jquery的extend方法还有一个重载原型:
extend(boolean,dest,src1,src2,src3...)
第一个参数boolean代表是否进行深度拷贝,其余参数和前面介绍的一致,什么叫深层拷贝,我们看一个例子:
var result=$.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,我们看看合并的结果是什么,如下:
var result=$.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"}}
以上就是$.extend()在项目中经常会使用到的一些细节。
转载于:https://www.cnblogs.com/AaronBear/p/5765071.html
[转载]jQuery.extend 函数详解相关推荐
- [zz]jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩 ...
- jQuery.extend 函数详解
JQuery的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解. 一.Jquery的扩展方法原型 extend ...
- jQuery.parseJSON()函数详解
jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象. 所谓"格式完好",就是要求指定的字符串必须符合严格的JSON格式,例 ...
- jQuery.parseJSON() 函数详解
由于偶然用到了javascript中JSON.parse和JSON.stringify,所以就查了一下jquery中有关这方面的知识,jQuery.parseJSON()这个用法,怎么用,我总结一下, ...
- js $.ajax stop,jQuery.ajaxStop() 函数详解
ajaxStop()函数用于为AJAX请求的ajaxStop事件绑定处理函数. 这是一个全局AJAX事件函数,用于在ajaxStop事件被触发时执行绑定的事件处理函数. jQuery官方文档描述:无论 ...
- jquery.ajaxSetup()函数详解
jquery.ajaxSetup() 函数用于设置全局默认设置.jquery1.1新增 该静态函数 语法: jquery.ajaxSetup(settings) 参数(settings):一个对象, ...
- jQuery.inArray() 函数详解
jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值.如果数组中不存在该值,则返回 -1. 该函数属于全局jQuery对象. 语法 jQuery 1.2 新增该静态函数. jQ ...
- jQuery.bind() 函数详解
bind()函数用于为每个匹配元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 执行bind()时,事件处理函数会绑定到每个匹配元素上.因此你使用bind( ...
- jQuery.serializeArray() 函数详解
转载http://www.365mini.com/page/jquery-serializearray.htm 描述 serializeArray()函数用于序列化一组表单元素,将表单内容编码为一个J ...
最新文章
- 适合初学者的Python小游戏开发,不仅有趣还能巩固自己所学知识
- IBM向客户发放了一批“染毒”的U盘,现紧急建议物理销毁
- 第4章-机器学习基础
- C++:41---覆盖和隐藏
- python常用模块用法_python常用模块(一)
- 动态切换数据源(spring+hibernate)
- Yahoo数据仓库架构简介
- ImportError: cannot import name ‘render_to_response‘ 解决方法
- 随笔:读书笔记--《九败一胜:美团创始人王兴创业十年》
- 网易云API微信小程序
- 关于3D打印文件格式:STL、OBJ、AMF、3MF的详解
- 【模拟电子技术Analog Electronics Technology 20】—— 反馈放大电路分析2:各种类型反馈电路的计算分析
- 在HTML中可以链接Word文档吗,为Word文档添加超文本链接就是这么简单!
- 电脑常见的故障和解决办法
- bzoj3991 [SDOI2015]寻宝游戏 set
- workgroup无法访问。您可能没有权限使用网络资源……(解决方案)
- linux添加jetdirect协议,《HP jetdirect 管理指南》教程.pdf
- 基于can总线的A2L文件解析(2)
- 学生管理系统IPO图_关于继续开展2019年度辅导员工作考核学生评议的通知
- 如何在浏览器中打开jupyter notebook
热门文章
- 三线压力传感器原理_进气压力传感器原理与检修
- 服务器端口进程未响应,Tomcat正在运行,但8080端口未响应
- 【响应式Web前端设计】Login Demo
- python【蓝桥杯vip练习题库】ADV-233 队列操作
- redux中reducer使用require.context使用技巧
- 网络推广专员敲黑板了,教你网站优化中如何更好地编写网站标题?
- java super父类的父类_合理使用父类的财富——Java中的super
- python pycurl_简单谈谈Python的pycurl模块_python
- c++输出的值精确到小数点后5位_C的探查之路05-基本类型
- python 会增加内存吗,在Python中增加内存限制?