Test case details

Preparation Code

<script src="https://code.jquery.com/jquery-2.1.3.min.js"> </script> <p id="bar" class="my-bar">   Bar </p> <div id="poo" class="my-poo">   <div id="par" class="my-bar">     <div id="paz" class="my-bar">       <span id="baz" class="my-baz">         Baz       </span>       <span data-buz="buz">         Buz       </span>     </div>   </div> </div>

Test cases

Test #1

var bar = document.getElementById("bar");

Test #2

var bar = document.querySelector("#bar");

Test #3

var bar = $("#bar");

Test #4

var bar = document.evaluate("//*[@id='bar']",document,null,9,null).singleNodeValue;

Test #5

var baz = document.getElementsByClassName("my-baz");  

Test #6

var baz = document.querySelector(".my-baz");  

Test #7

var baz = $(".my-baz");  

Test #8

var baz = $(document.querySelector(".my-baz"));

Test #9

var buz = document.querySelectorAll('[data-buz]');

Test #10

var buz = $('[data-buz]');