jQuery prop('checked') vs. is(':checked')

JavaScript performance comparison

Revision 33 of this test case created

Info

A quick test to see if prop('checked') or is(':checked') is faster with jQuery.

Rolled back to JQ 1.11.0 for <IE9

Preparation code

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

<input type="radio" value="y" name="my-test-radiobutton" id="my-test-radiobutton" checked>
<script>
  var $el = $('#my-test-radiobutton');
  var $rd = document.getElementById("my-test-radiobutton");
</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
$jQ.prop()
$el.prop('checked');
pending…
$jQ.is()
$el.is(':checked');
pending…
$jQ.attr()
$el.attr('checked');
pending…
jDom[0].checked
$el[0].checked;
pending…
jDom.get(0).checked
$el.get(0).checked;
pending…
DOM.checked
$rd.checked;
pending…
DOM.getAttribute()
$rd.getAttribute('checked');
pending…
DOM['checked']
$rd['checked']
pending…
jQ[0]['checked']
$el[0]['checked']
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