jquery对象与dom对象

一、两者区别

DOM对象通俗点讲就是document.get取出来的，js中getElementsByTagName获取元素节点得到的dom元素就是dom对象（dom树）

Jquery对象用$()取出来的都是jq对象，通过jq包装DOM对象后产生的对象

jq方法只能jq对象调用，是jq独有的，在jq对象中无法使用dom对象的任何方法。dom方法只能dom对象去调用;

二、相互转换

var $box = jQuery对象;

var box = dom对象；

1.jq对象转换dom对象

jQuery对象不能使用dom中的方法，但如果对jq对象提供的方法不熟悉，可以通过两种方法转换

1）jq对象是一个数组对象（伪数组），可以通过[index]下标得到相应的dom对象

$box[0].innerText = '';//获得第一个

2）也可以通过get(index)下标获得

$box.get(0).innerText = '';//获取第一个

2.dom转jQuery；

平时用的jQ对象就是用$()函数制造出来的，#()函数就是一个jQ对象的制造工厂。

所以$(domObj)；用吧。

var box = document.getElementById("#box");

var $box = $(box);

$(function(){

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

var box = $box[0];

$box.click(function(){

if(box.style.color == red){

console.log("厉害啊")；

}

})

})