[type=checkbox] vs :checkbox (v2)

Revision 2 of this benchmark created on June 13, 2012

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="foo">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
  <div></div>
  <span></span>
  <input type="text">
  <input type="checkbox">
</div>

Test runner

$("#foo [type=checkbox]");
 

$("#foo :checkbox");
 

$("input[type=checkbox]");

$("input:checkbox");

Revisions

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

• Revision 2: published on June 13, 2012