jQuery中extend函数简单用法示例


Posted in jQuery onOctober 11, 2017

本文实例讲述了jQuery中extend函数简单用法。分享给大家供大家参考,具体如下:

var result=$.extend({},item,item1);

extend给对象添加新的属性:js插件经常使用来配置参数
{}:item和item1合并后的结果
item:默认属性
item1:新增属性,如果item1和item属性重合则会覆盖item1中的属性

<span id="Test"></span>
var item={"name":"olive","age":23};
var item1={"name":"Momo",sex:"gril"};
var result=$.extend({},item,item1);
console.log(JSON.stringify(result));
$("#Test").text(JSON.stringify(result))

结果:

jQuery中extend函数简单用法示例

分析:

结果表明item1的name属性覆盖了item的name属性,并且item和item1对象的不重叠属性相互不会产生影响,会统一由result对象继承,很多js框架都是通过设置默认的配置,然后通过extend函数,用户可以自定义相关配置,从而达到框架个性化使用的目的

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jquery仿微信聊天界面
May 06 jQuery
jQuery 表单序列化实例代码
Jun 11 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
[jQuery] 事件和动画详解
Mar 05 jQuery
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
May 13 jQuery
jQuery实现验证用户登录
Dec 10 jQuery
jQuery实现的事件绑定功能基本示例
Oct 11 #jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 #jQuery
jQuery实现的form转json经典示例
Oct 10 #jQuery
认识jQuery的Promise的具体使用方法
Oct 10 #jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 #jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 #jQuery
jQuery实现html双向绑定功能示例
Oct 09 #jQuery
You might like
php读取xml实例代码
2010/01/28 PHP
php 5.3.5安装memcache注意事项小结
2011/04/12 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
php检测useragent版本示例
2014/03/24 PHP
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
php实现Mongodb自定义方式生成自增ID的方法
2015/03/23 PHP
php+mysql实现的二级联动菜单效果详解
2016/05/10 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
javascript显示隐藏层比较不错的方法分析
2008/09/30 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
2009/08/28 Javascript
JQUERY获取form表单值的代码
2010/07/17 Javascript
AngularJS语法详解
2015/01/23 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
2015/10/30 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
v-slot和slot、slot-scope之间相互替换实例
2020/09/04 Javascript
在类Unix系统上开始Python3编程入门
2015/08/20 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
浅谈django orm 优化
2018/08/18 Python
Python使用线程来接收串口数据的示例
2019/07/02 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
python 装饰器的使用示例
2020/10/10 Python
在线学习西班牙语、法语或其他语言:Babbel.com
2018/02/07 全球购物
一夜的工作教学反思
2014/02/08 职场文书