在第一次学习jQuery时，DOM对象和jQuery对象通常没有解析，然后我们只需简单地说出它们之间的关系和区别。

1.dom对象（文档对象模型）



一个文档对象模型，每个DOM可以表示为一个树，例如，下面是一个简单的Web页面代码：



指出DOM是：


我们可以得到树中的节点，通过getelementsbytayname或getelementsbytayid JS，我们得到的元素的DOM对象。DOM可以使用js方法，例如：

复制代码如下：var domobj = document.getelementsbytayname（名称）； / /获得DOM对象

无功objhtml = domobj.innerhtml； / /使用innerHTML方法在JS 2.2



2 jQuery对象



jQuery对象是通过jQuery封装DOM对象而生成的对象，jQuery是jQuery特有的，可以调用jQuery中的方法，例如：




$（# foo）.html（）；



jQuery对象不能调用DOM对象的任何方法，例如：

复制代码如下：$（# foo）.innerHTML / /会出现错误



相互转化3.dom对象和jQuery对象之间



在转换之前，我们必须指定定义变量的样式，例如在定义jQuery对象时添加一个$符号，例如：




var obj美元= jQuery对象



在定义DOM对象时，您不需要添加任何符号，它可以帮助我们区分哪些变量是对象，并提高代码的可读性，例如：




无功domobj = DOM对象



当jQuery类库中没有我们想要的，或者当我们不知道jQuery的方式时，我们可以把它转换成DOM对象。有2种方法可以将jQuery对象转换成DOM对象{。

（1）jQuery对象是数组对象，DOM对象是通过{ }获得的。代码如下：




var obj = $（美元# SC）；
var obj = $ obj { 0 }；
改变（obj。检查）；



（2）另一种方法是jQuery本身提供的GET（index）来获取DOM对象，例如：




var obj = $（美元# SC）；
var obj = $（0）obj.get；
改变（obj。检查）；




4.dom对象转换为jQuery对象



DOM对象只能通过$（）转换为jQuery对象，如：




var obj = document.getelementsbytayname（名称）；
var obj = $（obj）美元；


以上是本文的全部内容，希望大家能喜欢。