javascript - 比较 form.fieldName.value 与 $ ('#field' ).val()

Question

以我有一个如下表格为例:

<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

无论是多字段还是单字段。

Answer 1

使用 jQuery 总是会比纯 JavaScript 解决方案给出更慢的结果，因此第二种方法无论如何都会更快。然而，最快的方法是通过 ID 定位表单元素:

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

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