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 相关文章推荐
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
使用js+jquery实现无限极联动
May 23 Javascript
JS小游戏之极速快跑源码详解
Sep 25 Javascript
2014 年最热门的21款JavaScript框架推荐
Dec 25 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 Javascript
Javascript HTML5 Canvas实现的一个画板
Apr 12 Javascript
Angular开发者指南之入门介绍
Mar 05 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
解决vue跨域axios异步通信问题
Apr 17 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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删除文件夹的三种方法
2013/06/09 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
为超链接加上disabled后的故事
2010/12/10 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
JavaScript实现斗地主游戏的思路
2016/02/29 Javascript
JavaScript仿微博输入框效果(案例分析)
2016/12/06 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
轻松解决JavaScript定时器越走越快的问题
2019/05/13 Javascript
微信小程序 可搜索的地址选择实现详解
2019/08/28 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
Python os模块介绍
2014/11/30 Python
粗略分析Python中的内存泄漏
2015/04/23 Python
Python中的__slots__示例详解
2017/07/06 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
python利用线程实现多任务
2020/09/18 Python
python制作抽奖程序代码详解
2021/01/15 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
几个Shell Script面试题
2012/08/31 面试题
毕业生精彩的自我评价分享
2013/10/06 职场文书
父亲追悼会答谢词
2014/01/17 职场文书
《荷花》教学反思
2014/04/16 职场文书
高中班主任评语大全
2014/04/25 职场文书
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸
Hive常用日期格式转换语法
2022/06/25 数据库