Native equivalents to jQuery selectors

jquery-selectors-vs-native.js

//----Get all divs-----------------

// jQuery
$("div")

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

//----Get all by CSS class---------

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

// native equivalent
document.querySelectorAll(".my-class")
// or the 100% faster alternative
document.getElementsByClassName("my-class")

//----Get by CSS selector----------

// 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")