小编典典

jQuery对象和DOM元素

javascript

我想了解jQuery对象和DOM元素之间的关系。

当jQuery返回一个元素时,它会显示为[object Object]警报。当getElementByID返回一个元素时,它显示为[object HTMLDivElement]。这到底是什么意思?我的意思是说两个对象都有区别吗?

还有什么方法可以对jQuery对象和DOM元素进行操作?一个jQuery对象可以代表多个DOM元素吗?


阅读 415

收藏
2020-04-25

共1个答案

小编典典

我想了解jQuery对象和DOM元素之间的关系

jQuery对象是包含DOM元素的类似于数组的对象。jQuery对象可以包含多个DOM元素,具体取决于您使用的选择器。

还有什么方法可以对jQuery对象和DOM元素进行操作?一个jQuery对象可以代表多个DOM元素吗?

jQuery函数(完整列表在网站上)在jQuery对象上起作用,而不在DOM元素上起作用。您可以使用.get()或直接在所需索引处访问元素来访问jQuery函数中的DOM元素:

$("selector")[0] // Accesses the first DOM element in this jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve a true array of DOM elements matched by this selector

换句话说,以下内容将为您带来相同的结果:

<div id="foo"></div>

alert($("#foo")[0]);
alert($("#foo").get(0));
alert(document.getElementById("foo"));

有关jQuery对象的更多信息,请参见文档。另请参阅有关的文档.get()

2020-04-25