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的方法了