1.Dom对象
DOM解析HTML页面,将页面元素解释为元素节点、属性节点和文本节点。而通过DOM解析HTML页面元素,所得到的DOM元素就是DOM对象。
2.jQuery对象
(1) jQuery对象就是通过jQuery包装DOM对象后产生的对象。
(2) jQuery 对象是 jQuery 独有的。
(3) 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法。
3.Dom对象转换为jQuery对象
对于已经是一个DOM对象,只需把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)
例:
var div3=document.querySelector("#div3");
var $div3=$(div3);
$div3.html(333);
4.jQuery对象转换为Dom对象
(1) jQuery对象是一个类数组对象,可以通过[index]的方法,来得到相应的DOM对象
(2) jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
例:
方式一转换为Dom对象
var div1=$("div")[0];
div1.innerHTML=111;
例:
方式二转换为Dom对象
var div2=$("div").get(1); //转换为Dom对象
div2.innerHTML=222;