简要描述Jquery和DOM对象

在第一次学习jquery时，往往无法区分DOM对象和Jquery对象。让我们简单解释一下它们之间的关系和区别

1.文档对象模型

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

表示为DOM的是：

我们可以通过JS中的getelementsByTayName或者getelementsByTayId来获取树中的节点。这样得到的元素是DOM对象，DOM可以使用JS中的方法。例如，复制代码如下：VARDOMOBJ=document。GetElementSBYTAYNAME(' name ')；//获取DOM对象var objhtml=domobj.innerHTML//在JS中使用innerHTML方法2.2

2.Jquery对象

jquery对象是通过Jquery包装DOM对象后生成的对象，它是Jquery独有的，可以调用Jquery中的方法，例如：

$('#foo ')。HTML()；Jquery对象不能调用DOM对象的任何方法，例如复制代码的代码如下：$('#foo ')。innerHTML //将出现错误

3.3之间的转换。DOM对象和Jquery对象

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

当var $obj=Jquery对象定义DOM对象时，不需要添加任何符号，这可以帮助我们区分什么是变量，提高代码的可读性，例如：

Var domobj=DOM对象当Jquery类库中没有我们想要的方法或者我们对Jquery方法不清楚时，我们可以将其转换为DOM对象。有两种方法可以将Jquery对象转换为DOM对象-[index]/get (index)。(1)jquery对象是数组对象，通过[index]得到一个DOM对象。代码如下：

var $ obj=$(' # sc ')；var obj=$ obj[0]；alter(obj . checked)；(Jquery本身提供了另一种方法，通过get(index)获取DOM对象，例如：

var $ obj=$(' # sc ')；var obj=$ obj . get(0)；alter(obj . checked)；4.DOM对象被转换成Jquery对象

DOM对象只能通过$()转换成Jquery对象，例如：

var obj=document . getelementsbytayname(' Name ')；var $ obj=$(obj)；以上就是本文的全部内容，希望大家喜欢。