比较form.fieldName.value vs $（'＃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