锋利的jQuery——DOM对象与jQuery对象的区别

标签：

　　DOM对象

<h3>例子</h3>
	<p title="选择你喜欢的水果">你最喜欢的水果是？</p>
	<ul>
		<li>苹果</li>
		<li>橘子</li>
		<li>菠萝</li>
	</ul>

　　<h3><p><ul><li>都是DOM对象，在javascript中可以使用getElementByTagName或者getElementById来获取元素节点。

　　var pname=document.getElementById("id");

　　pname.innerHTML="";  向页面中输入内容

　　jQuery对象

　　通过jQuery包装DOM对象后产生的对象

　　例如：

　　$("#foo").html()   就等同于   document.getElementById("foo").innerHTML

　　但是两种对象的方法不同互相使用。

　　DOM对象转换为jQuery对象

　　var my=document.getElementById("foo");

　　var $my=$(my);

　　jQuery对象转换为DOM对象

　　（1）、jQuery对象是一个类似数组的对象，可以通过 [index]的方法得到相应的DOM对象

　　　　　　var $my=$("#my");　　　　　　//jQuery对象

　　　　　　var my=$my[0];　　　　　　　　//DOM对象

　　　　　　alert(my.checked)　　　　　　　　//检查这个checkbox是否被选中

　　（2）、通过get(index)方法得到相应的DOM对象

　　　　　　var $my =$("my");　　　　　　//jQuery对象

　　　　　　var my =$my.get(0);　　　　　　//DOM对象

　　　　　　alert(my.checked);　　　　　　//检查这个checkbox是否被选中

锋利的jQuery——DOM对象与jQuery对象的区别

标签：

原文地址：http://www.cnblogs.com/webzhang/p/4998359.html