jQuery-其他方法

最新推荐文章于 2022-11-13 10:18:37 发布

前端笨鸟

最新推荐文章于 2022-11-13 10:18:37 发布

阅读量110

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_41670147/article/details/103489995

版权

jQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

jQuery对象拷贝

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

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

1、deep：如果设为true为深拷贝，默认为false浅拷贝
2、target：要拷贝的目标对象
3、object1：待拷贝到第一个对象的对象。
4、objectN：待拷贝到到第N个对象的对象
5、浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝对象。
6、深拷贝把里面的数据完全复制一份给目标对象如果里面有不冲突的属性，会合并到一起。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery-3.4.1.min.js"></script>
    <script>
        $(function() {
            var targetObj = {
                id = 0;
                msg: {
                    sex: "男"
                }
            };
            var obj = {
                id: 1,
                name: "andy",
                msg: {
                    age: 18
                }
            };
            $.extend(targetObj, obj)
            console.log(targetObj); //有冲突的则覆盖，无冲突的则合并
           //深拷贝把里面的数据完全复制一份给目标对象 如果里面有不冲突的属性，会合并到一起
            $.extend(true, targetObj, obj);
            targetObj.msg.age = 20;
            console.log(targetObj);

        })
    </script>
</head>

<body>

</body>

</html>

jQuery多库共存

问题概述：
jQuery使用$作为标识符，随着jQuery的流行，其他js库也会使用S作为表示符，由此会引起冲突
客观需求：
需要一个解决方案，让jQuery和其他的js库不存在冲突，可以同时存在，叫做多库共存。
jQuery解决方案：
1、把里面的S符号同意改为jQuery。比如jQuery(“div”)
2、jQuery变量规定新的名称：

$.noConflict()
var xx=$.noConflict();

jQuery插件

jQuery功能比较有限，想要更复杂的特效效果，可以借助于jQuery插件完成。
注意：这些插件也是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为jQuery插件。
jQuery插件常用的网站：
1、jQuery插件库http://www.jq22.com/
2、jQuery之家 http://www.htmlleaf.com/

前端笨鸟

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery-其他方法

jQuery对象拷贝如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用$.extend()方法语法：$.extend([deep],target,object1,[objectN])1、deep：如果设为true为深拷贝，默认为false浅拷贝2、target：要拷贝的目标对象3、object1：待拷贝到第一个对象的对象。4、objectN：待拷贝到到第N个对象的对象...
复制链接

扫一扫