jQuery对象与DOM对象的相互转换

一. jQuery->DOM

jQuery提供了两种方法将一个jQuery对象转换为DOM对象，即[index]和get(index)。

1.

var $cr = $("#cr"); jquery对象

var cr = $cr[0]; DOM对象

2.

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

var cr = $cr.get(0)

二. DOM->jQuery

对于一个DOM对象，只需要用$()把DOM对象包装起来就可以得到一个jQuery对象。

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

var $cr = $(cr);

补充：jQuery选择器的优点：比如一个onclick事件，JavaScript代码与html代码混杂在一起，这种做法非常不妥，因为没有把网页内容和行为分离，而jQuery做到了。类似于css选择器的写法，只不过两者效果不同，css找到元素后是添加样式，而jQuery是添加行为，，但是jQuery中设计操作css样式的部分比单纯的css功能更为强大，并且拥有跨浏览器的兼容性。