javascript - jQuery(#id).val() 与 getElementById(#id).value

Question

我一直在搜索，但我只能找到谈论其中之一的文章。哪个更好？

我正在制作一个小型网络应用程序，性能不是一个大问题，因为没有任何复杂的事情发生。

我考虑过使用 jQuery 的 val() 函数，因为它可能解决了一些我不知道的不一致问题，但是 getElementById.value 更快(尽管最终用户赢了请注意。)

那么我应该使用哪一个呢？ jQuery 的非 native 方法是否值得降低性能以获得更多兼容性？

Answer 1

与 document.getElementById().value 相比，使用 jQuery().val() 的最大优势是前者不会如果没有元素匹配，则抛出错误，where-as 后者会。 document.getElementById() 如果没有元素匹配则返回null，其中-as jQuery() 返回一个空的jQuery对象，它仍然支持所有方法(但 val() 将返回 undefined)。

当对表单元素使用 .value 时，没有不一致。但是，jQuery.val() 标准化了用于在选择框中收集选定值的接口(interface)；在标准 HTML 中，您必须求助于使用 .options[this.selectedIndex].value。