Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="a" class="a">
  <div id="aa" class="aa">
    <div id="aaa" class="aaa">
    </div>
    <div id="aab" class="aab">
    </div>
  </div>
  <div id="ab" class="ab">
  </div>
</div>

Preparation code output

Test runner

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

Java applet disabled.

$("#aaa");

$(".aaa");

$("div#aaa");

$("div.aaa");

$("#a #aaa");

$("div#a div#aaa");

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

Compare results of other browsers

0 comments