JQuery学习二【JQuery对象与DOM对象】

1、DOM对象即为文档对象模型，每一份DOM都可以表示为一棵树；而JQuery对象则是JQuery包装DOM之后产生的对象，JQuery对象是JQuery所独有的。

说明：JQuery对象可以操作JQuery里面封装的方法，但无法使用DOM对象的任何方法，同样DOM对象不可以使用JQuery里的方法。

2、JQuery对象与DOM对象之间的相互转换：

var $foot = $("#foot");     //获取id为foot的元素对象【在JQuery使用中，变量名前使用$符号表示获取的是JQuery对象】

将JQuery对象转换为DOM对象：

var foot = $foot[0]; 或者是 var foot = $foot.get(0);

说明：平时使用的JQuery对象都是通过$()函数制造出来的，$()函数就是JQuery对象的制造工厂。

3、如何解决JQuery和其他资源库的冲突

JQuery库在其他库之后导入，可以使用JQuery.noConflict()函数来将变量的控制权移交给其他资源库。【主要目的是解决其他资源库也使用$变量搜产生的冲突】

JQuery.noConflict()；将变量$的控制权移交给其他资源库

JQuery(function(){ //使用JQuery设定页面加载时执行的函数

 JQuery("#p").click(function(){

});

});

这样一来JQuery()函数就可以作为JQuery对象的制造工厂。

自定义快捷方式解决冲突：

var $j = JQuery.noConflict()； //将变量$的控制权移交给其他资源库，并建立新的快捷方式

$j (function(){  //使用JQuery，利用自定义的快捷方式---->$j

 $j("p").click(function(){

});

})

值得说明的是，若JQuery库在其他资源库之前就导入了，那么可以直接使用JQuery来做JQuery的一些工作，同时也可以使用$()方法作为其他库的快捷方式，此时无需调用JQuery.noConflict()；