DOM对象和jquery对象如何相互转换

本文介绍: 大家看到这个题目就想知道为啥要相互转化呢，一般的时候是不需要转化的，转化的原因是因为在Jquery 对象中无法使用DOM对象的任何方法，比如$(“p”).innerHtml就是错误的，因为他的写法是$(“p”).html()。同样的DOM对象中也不能用Jquery 对象中的方法，如document.getElem entsByTa gNa me(“p”).html()就是错误的。　1.首先我们要DOM对象和Jquery对象各自的定义，DOM对象又叫做文档对象模型，我们也可以称其为DOM树，因为他就像一颗树一样，有

大家看到这个题目就想知道为啥要相互转化呢，一般的时候是不需要转化的，转化的原因是因为在Jque ry对象中无法使用DOM对象的任何方法，比如$(“p”).i nnerHtml就是错误的，因为他的写法是$(“p”).html()。同样的DOM对象中也不能用Jque ry对象中的方法，如document.getElement sByTa gNa me(“p”).html()就是错误的。

　1.首先我们要DOM对象和Jque ry对象各自的定义，DOM对象又叫做文档对象模型，我们也可以称其为DOM树，因为他就像一颗树一样，有很多的枝枝蔓蔓，如下所示就是一个DOM树的形状

&lt;ul&gt;
    <li&gt;aaa</li&gt;
    <li&gt;bbb</li&gt;
    <li>ccc</li>
</ul>

　2. 在上面的DOM树中， ul, li都是DOM元素节点。我们如果想使用这个对象，那么就要获取对象。怎么获取，很简单，Jav aSc ript中提供了两个常用方法：　　　　　　 getElementsById，getElementsByTagNa me，比如我们要获取ul元素节点，就可以这样写了：document.getElementsByTagName(“ul”); 这就是一个DOM对象

3.那什么是Jque ry对象，我们知道Jque ry是对Javascript的封装。很显然Jquery对象就是对JavaSc ript中DOM对象的封装。用Jquery的话就不需要写document.getElementByID这样的长单词了，一个$符号就代替了，例如获取ul节点，也可以这样写：$(“ul”)