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

JavaScript performance comparison

Revision 66 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<input type="checkbox" value="y" name="my-test-checkbox" id="my-test-checkbox" checked>
<div id="d1"><input type="text" id="t1"/><input type="text" id="t2"/> </div>
<script>
  var $el = $('#my-test-checkbox'),
      el  = document.getElementById('my-test-checkbox');
var el1 =$el.filter(':checked');

</script>
    

Preparation code output

<input type="checkbox" value="y" name="my-test-checkbox" id="my-test-checkbox" checked> <div id="d1"><input type="text" id="t1"/><input type="text" id="t2"/> </div> <script> var $el = $('#my-test-checkbox'), el = document.getElementById('my-test-checkbox'); var el1 =$el.filter(':checked'); </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
avik
$('#d1').filter('#t1');
pending…
pallab
$('#d1 #t1');
pending…
attr("checked")
$el.attr("checked");
pending…
.checked
$el[0].checked;
pending…
Predefined Element.checked
el.checked;
pending…
Inline Element.checked
document.getElementById('my-test-checkbox').checked;
pending…
length
$('#my-test-checkbox :checked').length>0
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