document.getElementByID和jQuery（'＃id'）。val之间的区别？

Question

亲爱的StackOverflow社区，

我是jQuery和Javascript的新手，并且想知道这两个函数之间的主要区别是什么：

document.getElementById('id').innerHTML      =variable;

和

jQuery('#id').val(variable);

根据我的理解，它们是两种不同的编码技术，但我何时会使用另一种？为什么？

Answer 1

以上两个示例略有不同，但不是您期望的方式。

• innerHTML和.val()不是等效的方法。

• 在使用DOM选择querySelector时，jQuery会尝试使用querySelectorAll / jQuery("SELECTOR")。这些是本机方法，所以请研究它们。

• .val(variable)会将jQuery("SELECTOR")找到的节点的值设置为变量

• innerHTML = variable会将document.getElementById('id')的HTML内容设置为任何变量。

.val() - 设置匹配元素集中每个元素的值。

innerHTML - innerHTML设置或获取描述元素后代的HTML语法。