Test case details

Preparation Code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.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>     </div>   </div> </div>
$("#bar");

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

document.getElementsByName("p");

Test #10

var baz = $("[class=my-bar]");  

Test #11

var baz = $(document.querySelector("[class=my-bar]"));  

Test #12

var baz = document.querySelector("[class=my-bar]");  

Test #13

var baz = $("#poo #par");

Test #14

var baz = $("#poo").find("#par");

Test #15

var baz = document.querySelector("#poo #par");