Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="id-1">
    <h2>H2</h2>
    <a href="#">A</a>
</div>
<div class="class-1">
    <h2>H2</h2>
    <a href="#">A</a>
</div>

Preparation code output

Test runner

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

Java applet disabled.

$('#id-1 a, #id-1 h2')

$('#id-1').find('a, h2')

var id1 = $('#id-1'); id1.find('a, h2')

$('.class-1 a, .class-1 h2')

$('.class-1').find('a, h2')

var class1 = $('.class-1'); class1.find('a, h2')

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