jquery $'Object'与getElementById()元素进行比较？

Question

学习ajax时遇到了jquery问题.

$( 'div_hello'); - >回答'对象'

的document.getElementById( 'div_hello'); - >回答'HTMLDivElement'

getElementById有效($没有).对于这次体验,我只想使用innerHTML.

不清楚jquery'Object'与HTML元素的区别.我如何设置jquery对象的html？

谢谢

Answer 1

你可以.html()像这样使用:

$('#div_hello').html("content")

或者获取DOM元素并使用.innerHTML,就像这样

$('#div_hello')[0].innerHTML = "content";
//or
$('#div_hello').get(0).innerHTML = "content";

请注意,您的选择器应该'#div_hello'与我上面的#id选择器一样,选择器前缀为a #,否则它是一个元素选择器(并寻找一个<div_hello>元素).

jQuery对象只是一个包装器,它包含一个对其作用的DOM元素的引用数组,因此将其视为"在DOM元素之上".这就是[0]直接获取元素的原因,因为该元素是您的选择器找到的数组中的第一个元素.