jQuery get element

Benchmark created by Darius on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div class="title1" id="title1" name="title1" >Hello</div>
<div class="title2" id="title2" name="title2" >Hello</div>
<div class="title3" id="title3" name="title3" >Hello</div>
<div class="title4" id="title4" name="title4" >Hello</div>
<div class="title5" id="title5" name="title5" >Hello</div>
<div class="title6" id="title6" name="title6" >Hello</div>
<div class="title7" id="title7" name="title7" >Hello</div>
<div class="title8" id="title8" name="title8" >Hello</div>
<div class="title9" id="title9" name="title9" >Hello</div>
<div class="title10" id="title10" name="title10" >Hello</div>
<div class="title11" id="title11" name="title11" >Hello</div>
<div class="title12" id="title12" name="title12" >Hello</div>
<div class="title13" id="title13" name="title13" >Hello</div>
<div class="title14" id="title14" name="title14" >Hello</div>
<div class="title15" id="title15" name="title15" >Hello</div>

Test runner

Ready to run.

Testing in
TestOps/sec
By id
$('#title15').html();
ready
By class
$('.title15').html();
ready
By attribut
$('[name="title15"]').html();
ready
Real javascript call
document.getElementById('title15');
ready

Revisions

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

  • Revision 1: published by Darius on