jQuery().prop vs jQuery().val

JavaScript performance comparison

Revision 70 of this test case created

Info

if so (el = document.getElementById('el'))

try this :D

Preparation code

<script src="//code.jquery.com/jquery-git2.js"></script>

<input id="el" value="stuff" />
 
<script>
Benchmark.prototype.setup = function() {
      var i = 0,
          el = document.getElementById('el'),
          $el = $(el);
};
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jQuery.fn.val
$el.val();
pending…
jQuery.fn.prop
$el.prop('value');
pending…
JS
el.value;
pending…
JS getAttribute
el.getAttribute('value');
pending…
JQuery to Js
$el.get(0).value;
pending…
JQuery to Js Attr
$el.get(0).getAttribute('value');
pending…
JQuery to Js2
$el[0].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. Here’s a list of current revisions for this page:

0 comments

Add a comment