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

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

2、在上面的DOM树中，p , h3, ul, li都是DOM元素节点我们平常的开发中字斤谯噌最多的就是给某个元素添加样式，这就需要获取这个元艾绱书虻素。怎么获取那，很简单，JavaScript中提供了两个常用方法：getElementsById，getElementsByTagName，比如我们要获取p元素节点，就可以这样写了：document.getElementsByTagName(“p”); 这就是一个DOM对象

4、那有的朋友就奇怪，既然二者意思一样，那还要转化干什么？问的好，转化的原因是因为在Jquery对象中无法使用DOM对象的任何方法，比如改怊眶峋$(“p”).innerHtml就是错误的，因为他的写法是$(“p”).html()。同样的DOM对象中也不能用Jquery对象中的方法，如document.getElementsByTagName(“p”).html()就是错误的。

6、那DOM对象又如何转化为Jquery对象那？很简单，比如上面的document.getElementsByTagName(“p”)只需要将其包裹在$()里就可以了：$( document.getElementsByTagName(“p”))

7、以上就是DOM对象和Jquery对象相互转换的分享，看了以后是不是学会了那，不懂的可以继续追问我哦