document.getElementByID 和 jQuery('#id').val 之间的区别？

【问题标题】：Difference between document.getElementByID and jQuery('#id').val?document.getElementByID 和 jQuery('#id').val 之间的区别？
【发布时间】：2014-05-18 06:27:38
【问题描述】：

尊敬的 StackOverflow 社区，

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

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

和

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

据我了解，它们是两种不同的编码技术，但我什么时候会使用其中一种？为什么？

【问题讨论】：

参考stackoverflow.com/questions/2340412/jquery-vs-javascript

标签： javascript jquery difference

【解决方案1】：

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

innerHTML 和 .val() 不是等效方法。
当使用 DOM 选择 jQuery("SELECTOR") 时，jQuery 将尝试使用 querySelector / querySelectorAll。这些是本机方法，因此请查看它们。
.val(variable) 会将jQuery("SELECTOR") 找到的节点的值设置为变量
innerHTML = variable 会将document.getElementById('id') 的 HTML 内容设置为任何变量。

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

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

【讨论】：

谢谢！你的解释对我帮助很大！
@user3649082 - 太棒了，很高兴你发现它有用 =)