Native Equivalents of Jquery Selectors

js_equiv_selectors

  /* jQuery */
  $("div")

  /* native equivalent */
  document.getElementsByTagName("div") 


  /* jQuery */ 
  $(".my-class")

  /* native equivalent */
  document.querySelectorAll(".my-class")

  /* FASTER native equivalent */
  document.getElementsByClassName("my-class") 


  /* jQuery */
  $(".my-class li:first-child")
 
  /* native equivalent */
  document.querySelectorAll(".my-class li:first-child") 

  //----Get first by CSS selector----
 
  /* jQuery */
  $(".my-class").get(0)

  /* native equivalent */
  document.querySelector(".my-class")