jQuery().prop vs jQuery().val + more

JavaScript performance comparison

Revision 61 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<input id="el" value="stuff" />
<script>
  var i = 0,
      el = document.getElementById('el'),
      $el = $(el);
</script>
    

Preparation code output

<input id="el" value="stuff" /> <script> var i = 0, el = document.getElementById('el'), $el = $(el); </script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
jQuery.fn.val
$el.val();
pending…
jQuery.fn.prop
$el.prop('value');
pending…
get + value
$el.get(0).value
pending…
jQuery.data
$.data(el, 'value');
pending…
js
el.value
pending…
jQuery.fn.attr
$el.attr('value');
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments