JQuery: JQuery einbinden. So funktionierts.
So, hier zeige ich euch, wie ihr JQ einbindet, und eure ersten Schritte damit macht. Zuerst muss es von der (offiziellen) Seite gedownloadet werden: http://www.jquery.com
Spechert die .js Datei am besten in dem Ordner “JQuery” ab.
Und so wird die Datei in eurem <head>-Tag eingebunden:
<script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"></script>
So. Jetzt kann man schon mit JQuery loslegen.
$(document).ready(function(){Was das ist? Dies bedeutet, das der Code erst ausgeführt wird, wenn das ganze “HTML” geladen ist.
Probieren wir mal ein wenig DOM-manipulation. Nehmen wir mal an, wir hätten ein <div> mit der ID “TestDiv”:
<div id="TestDiv"> Irgendwas...</div>
Jetzt wollen wir mit JQuery den Text im <p> verändern. Dank JQuery ganz leicht:
$("#TestDiv p").html("Hallo!");$(“#TestDiv p”) <- Sucht das richtige Element. Also in diesem Fall den Paragraphen (<p>), der sich in dem Element mit der ID “TestDiv” befindet.
html(“Hallo!”) <- Überschreibt den Inhalt vom gefundenen <p> mit “Hallo!”.
Fast zu einfach 
Noch keine Kommentare vorhanden.