Wohin kommt der jQuery-Code? (Positionierung im Quelltext)

Technisch gesehen muss der jQuery-Code, wenn er auf DOM-Elemente der Webseite zugreift, am Ende der Seite platziert werden, wenn alle angesprochenen Elmente bereits vom Web-Browser geladen wurden. Allerdings wird JavaScript aus Gründen der Übersichtlichkeit eher im <head>-Bereich der Seite integriert.

Zum Glück bietet jQuery die Möglichkeit, mit der Ausführung auf den komplette Quelltext der Webseite zu warten:

$(document).ready(function(){
  // Dieser Code wird ausgeführt, nachdem der Quellcode geladen wurde
});

Es gibt auch dei Möglichkeit, auf den gesamten Aufbau der Webseite (inklusive Grafiken) zu warten:

$(window).load(function(){
  // Dieser Code wird erst ausgeführt, nachdem auch die Grafiken geladen wurden
});

Somit kann der jQuery-Code problemlos im <head>-Bereich des Quellcodes positioniert werden.

Wissensarchiv für Entwickler

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Wohin kommt der jQuery-Code? (Positionierung im Quelltext)

Seiten-Werkzeuge