{{{#!highlight javascript
/*
$(document).ready(function() {
  // code…
});
*/
document.addEventListener("DOMContentLoaded", function() {
  // code…
});

/*
var divs = $("div");
*/
var divs = document.querySelectorAll("div");

/*
var newDiv = $("<div/>");
*/
var newDiv = document.createElement("div");

/*
newDiv.addClass("foo");
*/
newDiv.classList.add("foo");

/*
newDiv.toggleClass("foo");
*/
newDiv.classList.toggle("foo");

/*
$("a").click(function() {
  // code…
})
*/
[].forEach.call(document.querySelectorAll("a"), function(el) {
  el.addEventListener("click", function() {
    // code…
  });
});

/*
$("body").append($("<p/>"));
*/
document.body.appendChild(document.createElement("p"));

/*
$("img").filter(":first").attr("alt", "My image");
*/
document.querySelector("img").setAttribute("alt", "My image");

/*
var parent = $("#about").parent();
*/
var parent = document.getElementById("about").parentNode;

/*
var clonedElement = $("#about").clone();
*/
var clonedElement = document.getElementById("about").cloneNode(true);

/*
$("#wrap").empty();
*/
var wrap = document.getElementById("wrap");
while(wrap.firstChild) wrap.removeChild(wrap.firstChild);

/*
if($("#wrap").is(":empty"))
*/
if(!document.getElementById("wrap").hasChildNodes())

/*
var nextElement = $("#wrap").next();
*/
var nextElement = document.getElementById("wrap").nextSibling;
}}}
----
CategoryCheatSheet