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中关于bind()方法的使用技巧分享
Mar 30 jQuery
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jQuery实现广告条滚动效果
Aug 22 jQuery
jquery点击回车键实现登录效果并默认焦点的方法
Mar 09 jQuery
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
jquery使用FormData实现异步上传文件
Oct 25 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jQuery无冲突模式详解
Jan 17 jQuery
jquery无缝图片轮播组件封装
Nov 25 jQuery
jQuery实现的五星点评功能【案例】
Feb 18 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简单实现多字节字符串翻转的方法
2015/03/31 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
jQuery实现长文字部分显示代码
2013/05/13 Javascript
JS下拉框内容左右移动效果的具体实现
2013/07/10 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
jquery链式操作的正确使用方法
2014/01/06 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
jQuery实现给页面换肤的方法
2015/05/30 Javascript
充分发挥Node.js程序性能的一些方法介绍
2015/06/23 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
简单实现jQuery级联菜单
2017/01/09 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
简单谈谈axios中的get,post方法
2017/06/25 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
vue实现图片上传功能
2020/05/28 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
Python基于动态规划算法计算单词距离
2015/07/25 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
python查看模块安装位置的方法
2018/10/16 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
Python XML转Json之XML2Dict的使用方法
2019/01/15 Python
浅析Python+OpenCV使用摄像头追踪人脸面部血液变化实现脉搏评估
2019/10/17 Python
使用Html5中的cavas画一面国旗
2019/09/25 HTML / CSS
猫咪家具:CatsPlay
2018/11/03 全球购物
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
Myholidays美国:在线旅游网站
2019/08/16 全球购物
华为的Java面试题
2014/03/07 面试题
《走一步再走一步》教学反思
2014/02/15 职场文书
企业文化演讲稿
2014/05/20 职场文书
高中同学会活动方案
2014/08/14 职场文书
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
十八大观后感
2015/06/12 职场文书
员工旷工检讨书
2015/08/15 职场文书
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/06 PostgreSQL