jQuery vs querySelectorAll (v56)

Revision 56 of this benchmark created by Cody on

Preparation HTML

<!doctype html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
</head>
<body>
<ul id="list">
<li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li>
<li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li><li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li><li>
<ul class="sublist">
<li>
item1
</li>
<li>
item2
</li>
</ul>
</li>
</ul>
</body>
</html>

Test runner

Ready to run.

Testing in
TestOps/sec
jquery
var $obj = $("#list .sublist li");
ready
querySelectorAll
var nodes = document.querySelectorAll("#list .sublist li");
ready
jQuery Wrap querySelectorAll
var $obj = $(document.querySelectorAll("#list .sublist li"));
ready
qSA & jQ in try...catch
try {
var nodes = document.querySelectorAll("#list .sublist li");
} catch( err ) {
var $obj = $("#list .sublist li");
}
ready

Revisions

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