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 相关文章推荐
jquery last-child 列表最后一项的样式
Jan 22 Javascript
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
JS中产生标识符方式的演变
Jun 12 Javascript
理解js回收机制通俗易懂版
Feb 29 Javascript
原生JS实现的雪花飘落动画效果
May 03 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
vue eslint简要配置教程详解
Jul 26 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 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中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
7款风格新颖的jQuery/CSS3菜单导航分享
2013/04/23 Javascript
js中的前绑定和后绑定详解
2013/08/01 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
JS实现简易图片轮播效果的方法
2015/03/25 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
2015/08/07 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
详解Vue2.0之去掉组件click事件的native修饰
2017/04/20 Javascript
Flask中获取小程序Request数据的两种方法
2017/05/12 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
jquery animate动画持续运动的实例
2017/11/29 jQuery
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
angularjs 缓存的使用详解
2018/03/19 Javascript
js实现移动端轮播图
2020/12/21 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
python实现从一组颜色中找出与给定颜色最接近颜色的方法
2015/03/19 Python
Python进行数据科学工作的简单入门教程
2015/04/01 Python
Python实现曲线点抽稀算法的示例
2017/10/12 Python
Python实现高斯函数的三维显示方法
2018/12/29 Python
浅谈Pycharm中的Python Console与Terminal
2019/01/17 Python
python从子线程中获得返回值的方法
2019/01/30 Python
利用python求积分的实例
2019/07/03 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
解决python对齐错误的方法
2020/07/16 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
编程用JAVA解析XML的方式
2013/07/07 面试题
欠条格式范本
2015/07/03 职场文书
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python