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 相关文章推荐
javascript学习笔记(二十) 获得和设置元素的特性(属性)
Jun 20 Javascript
javascript中expression的用法整理
May 13 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
jquery实现图片放大镜功能
Nov 23 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
Nov 23 Javascript
JavaScript Ajax实现异步通信
Dec 14 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 Javascript
Node.js自定义实现文件路由功能
Sep 22 Javascript
react中使用css的7中方式(最全总结)
Feb 11 Javascript
Preload基础使用方法详解
Feb 03 Javascript
vue特效之翻牌动画
Apr 20 Vue.js
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 CLI模式下的多进程应用分析
2013/06/03 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
5个最佳的Javascript日期处理类库分享
2012/04/15 Javascript
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
2016/11/23 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
JavaScript实现像雪花一样的Hexaflake分形
2020/07/07 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
Python实现改变与矩形橡胶的线条的颜色代码示例
2018/01/05 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
修改python plot折线图的坐标轴刻度方法
2018/12/13 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
岗位职责范本
2013/11/23 职场文书
打架检讨书50字
2014/01/11 职场文书
个人对照检查材料
2014/02/12 职场文书
《夏夜多美》教学反思
2014/02/17 职场文书
师范生自荐信模板
2014/05/28 职场文书
音乐教师求职信范文
2015/03/20 职场文书
行政司机岗位职责
2015/04/10 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL
HTML页面点击按钮关闭页面的多种方式
2022/12/24 HTML / CSS