锋利的jQuery学习笔记（2）

1. jQuery对象和DOM对象

　　　　DOM对象：（Document Object Model，文档对象模型），俗称构建网页结构的基本标签，如html head body title h1等。

　　　　jQuery对象：通过jQuery包装DOM对象后产生的对象。如$("#foo").html(); //获取id为foo的元素内的html代码。

　　　　区别：在jQuery中无法使用DOM对象的任何方法，同样在DOM中也无法使用jQuery方法。

　　　　转换：

　　　　　　jQuery对象转换为DOM对象：jQuery对象是一个数组对象，可通过数组下表来查找。

　　　　　　　　1. [index]方法：

　　　　　　　　　　var $cr=$("#cr");

　　　　　　　　　　var cr=$cr[0];

　　　　　　　　　　alert(cr.checked);

　　　　　　　　2. get(index)方法：

　　　　　　　　　　var $cr=$("#cr");

　　　　　　　　　　var cr=$cr.get(0);

　　　　　　　　　　alert(cr.checked);

　　　　　　DOM对象转为jQuery对象：只需用$()把DOM对象包装起来，就可以获得一个jQuery对象。

　　　　　　　　　　var cr=document.getElementById("cr");

　　　　　　　　　　var $cr=$(cr);

2. 解决jQuery和其他库的冲突：

　　jQuery库在其他库之后导入：调用jQuery.noConflict()函数来将变量$的控制权移交给其他库。

　　　　jQuery.noConflict(); //将变量$的控制权移交给prototype.js

　　　　jQuery(function(){ //使用jQuery

　　　　　　jQuery("p").click(function(){

　　　　　　　　alert(jQuery(this).text());

　　　　　　});

　　　　});

　　　　$("pp").style.display="none";  //使用Prototype

　　jQuery库在其他库之前导入，则无需调用jQuery.noConflict()函数