jQuery 2.1.4 - prop('checked') vs. is(':checked') vs. checked (v78)

Revision 78 of this benchmark created on

Description

A quick test to see if prop('checked'), is(':checked'), attr('checked') or .checked is faster with Jquery 2.1.4 (version 2015/04/28).

Preparation HTML

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

<input type="checkbox" value="n" name="my-test-checkbox-n" id="my-test-checkbox-n">
<input type="checkbox" value="y" name="my-test-checkbox-y" id="my-test-checkbox-y" checked>

<script>
  var $elUnchecked = $('#my-test-checkbox-n');
  var $elChecked = $('#my-test-checkbox-y');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
.prop() - Checked - Sync test
$elChecked.prop('checked');
ready
.prop() - Checked - Async test
// async test
$elChecked.prop('checked');
ready
.prop() - Unchecked - Sync test
$elUnchecked.prop('checked');
ready
.prop() - Unchecked - Async test
// async test
$elUnchecked.prop('checked');
ready
.is(':checked') - Checked - Sync test
$elChecked.is(':checked');
ready
.is(':checked') - Checked - Async test
// async test
$elChecked.is(':checked');
ready
.is(':checked') - Unchecked - Sync test
$elUnchecked.is(':checked');
ready
.is(':checked') - Unchecked - Async test
// async test
$elUnchecked.is(':checked');
ready
attr("checked") - Checked - Sync test
$elChecked.attr("checked");
ready
attr("checked") - Checked - Async test
// async test
$elChecked.attr("checked");
ready
attr("checked") - Unchecked - Sync test
$elUnchecked.attr("checked");
ready
attr("checked") - Unchecked - Async test
// async test
$elUnchecked.attr("checked");
ready
.checked - Checked - Sync test
$elChecked[0].checked;
ready
.checked - Checked - Async test
// async test
$elChecked[0].checked;
ready
.checked - Unchecked - Sync test
$elUnchecked[0].checked;
ready
 
ready

Revisions

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