Preparation code

<script src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
<script>
jq17 = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/jquery-2.0.0b1.js"></script>
<script>
jq20 = jQuery.noConflict();
</script>
<script src="http://cdn.jqmobi.com/jq.mobi.min.js"></script>

<div class='tests'>
  <div id='selection_test' class='test'></div>
  <div id='selection_test_nested' class='test'>
    <div class='attr_selection'></div>
    <div id='selection_test_nested_child'></div>
  </div>
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

jq('#selection_test');

jq17('#selection_test');

jq20('#selection_test');
 

document.getElementById('selection_test');

jq('#selection_test .test');

jq17('#selection_test .test');

jq20('#selection_test .test');

document.querySelectorAll('#selection_test .test');

jq("[class~='attr_selection']")
 

jq17("[class~='attr_selection']")
 

jq20("[class~='attr_selection']")

document.querySelectorAll("[class~='attr_selection']")

document.querySelector('#selection_test').querySelectorAll('.test');

document.getElementById('selection_test').querySelectorAll('.test');

document.querySelectorAll(".attr_selection")

document.getElementsByClassName("attr_selection")

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:

• Revision 1: published by Jack Pattishall on 16th January 2013 and last updated on 17th January 2013
• Revision 2: published by Jim Montgomery on 18th January 2013

0 comments