Jquery中扩展方法extend使用技巧

 更新时间:2014年08月24日 09:45:13   投稿:whsnow  
extend是常用的参数处理函数,特别是对默认值的使用,但是在使用过程中,默认值往往是不能被改变的,需要的朋友可以参考下

在使用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没有被改变,还可以再次使用!

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

相关文章

  • jQuery插件学习教程之SlidesJs轮播+Validation验证

    jQuery插件学习教程之SlidesJs轮播+Validation验证

    这篇文章主要介绍了jQuery插件学习教程之SlidesJs轮播+Validation验证的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • 使用jquery实现轮播图效果

    使用jquery实现轮播图效果

    这篇文章主要为大家详细介绍了使用jquery实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • jquery插件jbox使用iframe关闭问题

    jquery插件jbox使用iframe关闭问题

    最近做需要用到弹出窗口,发现JBox不错,可以支持iframe,但是发现个问题,在iframe中添加一个按钮点击此按钮
    2009-02-02
  • JQuery插件Style定制化方法的分析与比较

    JQuery插件Style定制化方法的分析与比较

    最近因为项目的需要,使用了一个JQuery插件。把插件下下来后,很快我就发现,很多默认的插件Style不符合项目要求,必须要被修改
    2012-05-05
  • jQuery的Read()方法代替原生JS详解

    jQuery的Read()方法代替原生JS详解

    众所周知在jQuery中ready方法在DOM完全下载后立即执行其中的代码。因为它是等所有的DOM元素都加载完毕,才执行给定的函数,所以你能确定那些试图操作和访问元素节点的方法都能被执行。而这篇文章给大家介绍的是如何用jQuery的Read()方法代替原生JS,下面来一起看看。
    2016-11-11
  • jQuery添加和删除指定标签的方法

    jQuery添加和删除指定标签的方法

    这篇文章主要介绍了jQuery添加和删除指定标签的方法,通过动态的给元素添加删除一个CSS类可以实现此功能,需要的朋友可以参考下
    2015-12-12
  • jQuery动态生成的元素绑定事件操作实例分析

    jQuery动态生成的元素绑定事件操作实例分析

    这篇文章主要介绍了jQuery动态生成的元素绑定事件操作,结合实例形式分析了jQuery事件绑定的原理及动态生成的元素绑定事件相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • jQuery EasyUI Panel面板组件使用详解

    jQuery EasyUI Panel面板组件使用详解

    这篇文章主要为大家详细介绍了jQuery EasyUI Panel面板组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • jquery实现商品sku多属性选择功能(商品详情页)

    jquery实现商品sku多属性选择功能(商品详情页)

    这篇文章主要介绍了jquery实现商品sku多属性选择功能(商品详情页),文中简单给大家介绍了sku的概念,需要的朋友可以参考下
    2019-12-12
  • jquery $.ajax相关用法分享

    jquery $.ajax相关用法分享

    jquery $.ajax相关用法分享,使用jquery的朋友可以参考下
    2012-03-03

最新评论