jQuery获取DOM节点实例分析(2种方式)

深入了解jQuery获取DOM节点的方法

在jQuery中，我们通常会处理被封装后的DOM对象，这些对象实质上是一个数组。若想获取纯粹的DOM对象，我们可以采用两种常用的技巧。

第一种方法是通过数组索引的方式来访问。例如，如果你使用jQuery选择器选取了一个DOM元素，你可以通过加上索引[0]来获取原始的DOM对象。例如：`var dom = $(selector)[0];`。

第二种方法则是使用get()函数。这个函数接受一个索引参数，通过它也可以获取到纯粹的DOM对象。例如：`var dom = $(selector).get(0);`。

接下来是一个简单的示例：

我们在文档中创建一个新的div元素，并为其添加一些文本内容。接着，我们将这个元素添加到页面的body部分。然后，我们使用jQuery将这个新元素封装起来，并尝试用上述的两种方式获取原始的DOM对象。我们可以通过弹窗来展示获取到的DOM对象的文本内容，以验证我们是否成功获取到了DOM节点。

代码如下：

创建一个div元素，并为其添加文本内容："TEST IS OK!"。将这个元素添加到文档的body部分。使用jQuery将div元素封装，并通过两种方式获取DOM节点对象。第一种方式：`alert($tmp[0]nerText);`；第二种方式：`alert($tmp.get(0)nerText);`。

这两种方法都能帮助我们获取到jQuery封装后的DOM对象的原始对象。希望这篇文章能够帮助你更好地理解并应用jQuery中的DOM节点获取方法。如果你有任何问题或需要进一步的学习资源，请随时向我提问。我也推荐你去更多关于jQuery的资源和教程，以帮助你更深入地理解这个强大的库。