一. 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功能更为强大,并且拥有跨浏览器的兼容性。