Sie sind hier: Startseite -> Javascript-Grundlagen -> jQuery -> Hallo Welt

Javascript-Grundlagen: Hallo Welt-Beispiel

Das klassische "Hallo Welt"-Beispiel als Demo

Bei nahezu jeder Programmiersprache dient das Beispiel von "Hallo Welt" als Demonstration, wie die Programmierung funktioniert. Diese Tradition halten wir hier auch aufrecht und betrachten anhand des simplen Beispiels die Funktionsweise von jQuery.

ergibt:

http://www.winkelb.com

Der erste Teil des Skripts ist völlig klar und legt eine neue HTML-Seite mit Titel "Hallo World" an. Darin ist aber auch der Link zum jQuery-Javascriptdokument enthalten, ohne dem die geplanten Zaubereien niemals funktionieren können.

Spannender wird dann der zweite Teil, der immer am Ende eines Dokumentes eingebaut werden sollte. Das hat den Grund, dass bei einem Problem die Seite trotzdem angezeigt wird - es funktioniert nur halt nicht die jQuery-Funktion, die Seite kann aber trotzdem gelesen und benutzt werden.

Generell beginnt die Programmierung von jQuery mit dem Javascriptaufruf, wie man ihn auch von anderen Anwendungen her kennt. Als zusätzliche Abfrage wird

$(document).ready(function(){

eingebaut. Gibt es keine Funktionalität, dann wird auch jQuery nicht gestartet - ein zweites Netz sozusagen. Erst danach wird mit $("a") der eigentliche Code eingebaut. In diesem Fall wird der Link, wenn man darauf klickt, dahingehend manipuliert, dass ein Popup geöffnet wird, das "Hallo Welt" dem Besucher zuruft.

Das wars dann eigentlich auch schon und mit sieben Zeilen Code hat man einen Link manipuliert, was mit keinem CSS, HTML, PHP oder anderen Werkzeugen in der Form möglich wäre.

Ebenfalls interessant:

jQuery einbinden

Informationen über das Einbinden der jQuery-Bibliothek, um Javascript-Tools in der Webseite nutzen zu können.

[aktuelle Seite]

Hallo Welt

Informationen über das "Hallo Welt"-Beispiel mit jQuery, um die Funktionsweise von jQuery näherzubringen.

Elemente selektieren

Informationen über das Selektieren von HTML-Elemente und CSS-Elemente mittels jQuery, um sie zu manipulieren.

Produktsuche

Was brauchen Sie?

Ein Vorteil von Amazon besteht darin, dass es Millionen Produkte gibt, die man auch sehr gut im Preis und Angebot überprüfen kann. Ob man nun Sport betreiben möchte oder ein Kochbuch sucht - man wird fast immer fündig. Mit der nachstehenden Suche können Sie sehr schnell das aktuelle Angebot durchsuchen. Einfach den gewünschten Suchbegriff eingeben und auf den Suche-Button klicken.


Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Themenliste:

Zurück zum Hauptthema

Übersicht jQuery

Startseite Javascript-Grundlagen