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

jQuery对象：就是通过jQuery包装DOM对象后产生的对象。是其独有的，可以使用jQuery中所有的方法。

$("div");//标签选择器返回的jquery对象。

$("#btnShowDiv");//id选择器返回的jquery对象。

var $obj = $("div");$obj.html("jquery对象设置文本的方法");

$obj.show();//jquery对象显示文本

$obj.click(function() {});//jquery对象绑定事件

jQuery对象只能使用jquery对象的方法

DOM对象：使用JS中的方法获取页面中的元素返回的对象就是DOM对象。

eg：var btn =document.getElementById("btnShowDiv");

var divs =document.getElementsByTagName("div");

domObject.innerHTML ="dom对象设置文本";

domObject.style.display="block";//dom对象显示对象

domObject.onclick =function() {}//dom对象绑定事件

DOM对象只可以使用DOM对象的方法和属性

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

1.jQuery对象转DOM对象

var $li = $("li");

$li[0] -----第一种方法

$li.get(0)----第二种方法

--其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象。

2.DOM对象转jQuery对象

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来--$(DOM对象)，就可以获得一个jQuery对象了。

eg:var lis=document.getElementsByTagName("li");----//DOM对象

var $li=$(lis)--//jQuery对象

转换之后就可以使用jQuery的方法了