javascript - 为什么这一行 Javascript 可以工作，而另一行却不能？

Question

所以我正在尝试更新 div #letters 的内容。我尝试将元素分配给变量并使用innerHTML 更新其内容，但它不起作用。

  var $characterArray = $('#letters'); // The letters div
  $characterArray.innerHTML = "whatever";

虽然这有效:

  document.getElementById("letters").innerHTML = "whatever";

你能告诉我为什么吗？

Answer 1

因为你将 jQuery 与原生 JS 混为一谈。 jQuery 对象没有这样的属性 innerHTML - 这是一个 native 属性。

jQuery 中的等效方法是 html()

$('something').html('my html');