Comparison form.fieldName.value vs $('#field').val()

Comparison form.fieldName.value vs $('#field').val()

本文关键字：#field form val fieldName value Comparison vs      更新时间：2023-09-26

以我有一个表格如下：

<form id="form1" name="form1">
    <input id="firstName" name="firstName" type="text"/>
</form>

以下哪一种方式更好更快？

var firstName = $('#firstName').val()

或

var form1 = document.forms.form1;
var firstName = form1.firstName.value

在多个字段和单个字段的情况下。

使用 jQuery 总是比纯 JavaScript 解决方案给出更慢的结果，所以第二种方式无论如何都更快。但是，最快的方法是通过以下方式按 ID 定位表单元素：

var firstName = document.getElementById("firstName").value;

JSPerf： http://jsperf.com/access-form-element

相关文章：