This is an old revision of the document!
Auf der Seite "move from jquery to vanilla javascript" sind ein paar tolle Beispiele, wie man auf jQuery verzichten kann. Die wichtigsten die ich immer wieder brauche (und nachschlage), habe ich hier her kopiert.
Custom Event triggern
document.dispatchEvent(new Event("myEvent")); document.querySelector(".box").dispatchEvent(new Event("myEvent"));
Funktion auf alle Elemente eine Node-List anwenden
document.querySelectorAll(".box").forEach(box => { box.style.display = "none" } **Stabile onReady Funktion** Achtung: Arrow Funktionen gehen nicht im IE10 <code javascript> var ready = (callback) => { if (document.readyState != "loading") callback(); else document.addEventListener("DOMContentLoaded", callback); } ready(() => { /* Do things after DOM has fully loaded */ });
Arbeiten mit Klassen
var box = document.querySelector(".box"); box.classList.add("focus"); box.classList.remove("focus"); box.classList.toggle("focus"); box.classList.replace("focus", "blurred"); var has_class = box.classList.contains("focus"); //bool