jQuery - Attribute Starts With Selector (v2)

Revision 2 of this benchmark created by Alun Davey on December 20, 2012

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<h1 class="module">
  module-
</h1>
<div class="module module-slider module-hover">
  <h2 class="module module-hover">
    {module slider}
  </h2>
</div>
<div class="controls module module-slider module-video">
  <h2 data-module="controls module-outrage module-video">
    <em class="module module-outrage" data-module="controls module-slider module-video">
      controls
    </em>
    {module slider}
    </em>
  </h2>
</div>
<div id="module" class="module module-dialog" data-module="module-hover">
  <h2 id="module-title" class="module" data-module="module-dialog module-hover">
    module dialog
  </h2>
</div>

Test runner

$("[class^='module-'],[class*=' module-']")

$("div[class^='module-'],div[class*=' module-']")

$("[data-module^='module-'],[data-module*=' module-']")

$("div[data-module^='module-'],div[data-module*=' module-']")

$("[data-module]")

$("div[data-module]")

$('.module')

$('div.module')

$('#module')

$("[id^='module-']")

$("#module[data-module]")

$("#module[data-module^='module-']")

Revisions

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

• Revision 1: published by Alun Davey on December 19, 2012
• Revision 2: published by Alun Davey on December 20, 2012
• Revision 3: published by charlie on May 28, 2014