jQuery().prop vs jQuery().val

JavaScript performance comparison

Revision 70 of this test case created by

Preparation code

<script src="https://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

<input id="el" value="stuff" />

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…
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.

0 Comments