美文网首页🌏Web前端开发
No.40 jQuery对象拷贝、多库共存

No.40 jQuery对象拷贝、多库共存

作者: testleaf | 来源:发表于2020-01-16 15:49 被阅读0次

一、jQuery 对象拷贝

如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法

语法:
$.extend([deep], target, object1, [objectN])

  1. deep: 如果设为true 为深拷贝, 默认为false 浅拷贝
  2. target: 要拷贝的目标对象
  3. object1:待拷贝到第一个对象的对象。
  4. objectN:待拷贝到第N个对象的对象。
  5. 浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象。
  6. 深拷贝,前面加true, 完全克隆(拷贝的对象,而不是地址),修改目标对象不会影响被拷贝对象。

案例描述:
合并 defaults 和 options, 不修改 defaults。

jQuery 代码:

var empty = {};
var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
var settings = jQuery.extend(empty, defaults, options);

结果:

settings == { validate: true, limit: 5, name: "bar" }
empty == { validate: true, limit: 5, name: "bar" }

二、jQuery 多库共存

问题概述:
jQuery使用 $ 作为标示符,随着jQuery的流行,其他 js 库也会用 $ 作为标识符, 这样一起使用会引起冲突。
客观需求:
需要一个解决方案,让jQuery 和其他的js库不存在冲突,可以同时存在,这就叫做多库共存。
jQuery 解决方案:

  1. 把里面的 $ 统一改为 jQuery。 比如 jQuery(''div'')
  2. jQuery 变量规定新的名称:var xx = $.noConflict();

相关文章

  • No.40 jQuery对象拷贝、多库共存

    一、jQuery 对象拷贝 如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend()...

  • 50 jQuery拷贝对象与多库共存

    技术交流QQ群:1027579432,欢迎你的加入! 欢迎关注我的微信公众号:CurryCoder的程序人生 1....

  • jQuery多库共存

    var new$=$.noConflict()

  • jQuery多库共存

    如何查看jQuery的版本? 通过jQuery文件名来查看jQuery的版本是不靠谱的做法(名字可改)通过以下四种...

  • jQuery 多库共存问题

    因为$ 符号不是jQuery独有的 在语法中 $符号 也可以作为变量名比如说 我写 在下面用$获取jQuery对象...

  • 2018-04-11

    jQuery(write less do more) 优点 版本 使用方式 CDN 多库共存 入口函数 windo...

  • 当面试官问到深拷贝,别再说Object.assign、JSON.

    深拷贝 手写递归方法 第三方库 jQuery.extend 和 lodash 简单类型的深拷贝 当对象或者数组内部...

  • jquery 的多库共存方法

    项目中会遇到$被占用的情况,这时候就要用到多库共存的方法了

  • jQuery 其他方法

    1. jQuery 对象拷贝 如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend(...

  • jquery

    一.解决多库共存的问题 var aa=jQuery.noConflict()运行这个函数将变量$的控制权让渡给第一...

网友评论

    本文标题:No.40 jQuery对象拷贝、多库共存

    本文链接:https://www.haomeiwen.com/subject/ogifzctx.html