Jquery中扩展方法extend使用技巧


Posted in Javascript onAugust 24, 2014

在使用Jquery开发的过程中,extend是常用的参数处理函数,特别是对默认值的使用。

Jquery的扩展方法原型是:

var v=$.extend(dest,src1,src2,[,src3...]);

作用是把src1,src2,src3合并到到dest中并返回合并后的dest.

但是在使用过程中,默认值往往是不能被改变的,

如下:

var defaut={'selector':'select','default':'默认值','backcolor':'#85e137','forecolor':'#000'};

var src={'selector':'ss','default':'笑话','backcolor':'#fff','forecolor':'red'};

如果我们使用

var v=$.extend(dfault,src);

来进行参数的处理,那么下一次处理的时候默认值就是这次处理之后的值而不是真实的默认值了。

我们可以用下面的代码:

var v=$.extend({},dfault,src);

即我们使用一个空的对象作为目标参数(default),将默认参数作为第一次源参数(src),这样同样是返回了合并后的参数,但是我们的default没有被改变,还可以再次使用!

这样就实现了默认值保持不变的效果了!

Javascript 相关文章推荐
使用js实现一个可编辑的select下拉列表
Feb 20 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
js清空form表单中的内容示例
May 20 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
微信小程序 scroll-view实现锚点滑动的示例
Dec 06 Javascript
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
在vue中安装使用vux的教程详解
Sep 16 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
JavaScript展开操作符(Spread operator)详解
Jul 20 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 #Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 #Javascript
js delete 用法(删除对象属性及变量)
Aug 24 #Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 #Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 #Javascript
控制台报错object is not a function的解决方法
Aug 24 #Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 #Javascript
You might like
php递归列出所有文件和目录的代码
2008/09/10 PHP
PHP实现恶意DDOS攻击避免带宽占用问题方法
2015/05/27 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
基于jQuery的模仿新浪微博时间的组件
2011/10/04 Javascript
javascript数组的使用
2013/03/28 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
js动态添加onclick事件可传参数与不传参数
2014/07/29 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
2014/10/31 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
一个简单的python程序实例(通讯录)
2013/11/29 Python
深入Python函数编程的一些特性
2015/04/13 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python实现多线程网页下载器
2018/04/15 Python
OpenCV模板匹配matchTemplate的实现
2019/10/18 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
通过实例学习Python Excel操作
2020/01/06 Python
6行Python代码实现进度条效果(Progress、tqdm、alive-progress​​​​​​​和PySimpleGUI库)
2020/01/06 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
项目副经理岗位职责
2013/12/30 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
经济信息系毕业生自荐信范文
2014/03/15 职场文书
小学老师寄语大全
2014/04/04 职场文书
精彩的演讲稿开头
2014/05/08 职场文书
房屋出售授权委托书
2014/10/12 职场文书
停水通知
2015/04/16 职场文书
车辆安全隐患排查制度
2015/08/05 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书