jQuery: Child selector vs .find() (v10)

Revision 10 of this benchmark created by testing Agin on November 10, 2014

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<div class="replyForm">
  <a href="#">Reply</a>
  <form class="whatever" action="" method="post">
    <input type="text" name="message" placeholder="" />
    <div class="formControls">
      <input type="submit" value="Send" name="sendButton" class="submit-widget button-field"
      />
    </div>
  </form>
</div>

Test runner

$('.replyForm').find('> a')

$('.replyForm > a')

$('.replyForm').children('a')

Revisions

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

• Revision 1: published by Denys Mishunov on October 7, 2011
• Revision 2: published on November 15, 2011
• Revision 3: published on July 10, 2013
• Revision 4: published on October 9, 2013
• Revision 5: published on October 27, 2013
• Revision 6: published on November 12, 2013
• Revision 7: published on November 12, 2013
• Revision 8: published on December 2, 2013
• Revision 9: published on July 8, 2014
• Revision 10: published by testing Agin on November 10, 2014
• Revision 11: published by tester on December 19, 2014
• Revision 13: published by Rudresha G P on January 19, 2015
• Revision 14: published on January 23, 2015
• Revision 15: published on February 5, 2015
• Revision 16: published on February 9, 2015