jQuery其他方法

喜欢ヅ旅行 2023-07-06 11:55 12阅读 0赞

jQuery其他方法主要包括：jQuery拷贝对象，多库共存和jQuery插件。下面将详细介绍它们三个！

## 一、jQuery拷贝对象 ##

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

**语法**

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

**参数**

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

**例子**

var targetObj = { };
    	var obj = { 
    		name:"gh",
            id:1
    	};
    	$.extend(targetObj, obj);
    	console.log(targetObj);

var targetObj={ 
    	    id:0
    	};
    	var obj = { 
    	    id:1,
            name:"gh"
       };
       $.extend(targetObj, obj);
       console.log(targetObj);
    // 会覆盖targetObj里面原来的数据

## 二、jQuery多库共存 ##

**问题概述**

jQuery使用 $ 作为标识符，随着jQuery的流行，其他js库也会用这 $ 符作为标识符，这样一起使用会引起冲突。

**客观需求**

需要一个解决方案，让jQuery和其他的js库不存在冲突，可以同时存在，这就叫做多库共存。

**jQuery解决方案**

1.  把里面的$符号统一改为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.htmleaf.com/  
    *(推荐使用第二个！！！)*