9:59:59.000,9:59:59.000 - Jetzt werde ich dich[br]dich durch die Grundlagen führen 9:59:59.000,9:59:59.000 der Verwendung von jQuery auf deiner Webseite. 9:59:59.000,9:59:59.000 Der erste Schritt besteht darin, die[br]die jQuery-Bibliothek einzubinden 9:59:59.000,9:59:59.000 mit einem '<script>'-Tag 9:59:59.000,9:59:59.000 Vorher haben wir JavaScript[br]innerhalb unseres ''-Tags ein, 9:59:59.000,9:59:59.000 aber dieses Mal werde ich[br]ein "src"-Attribut hinzufügen. 9:59:59.000,9:59:59.000 Und das muss ich auf eine URL setzen. 9:59:59.000,9:59:59.000 Wie soll diese URL lauten? 9:59:59.000,9:59:59.000 Wenn ich an meinem eigenen Computer arbeiten würde 9:59:59.000,9:59:59.000 und habe jQuery heruntergeladen 9:59:59.000,9:59:59.000 in den gleichen Ordner wie meine Webseite heruntergeladen, 9:59:59.000,9:59:59.000 Ich könnte hier einfach "jquery.js" schreiben. 9:59:59.000,9:59:59.000 Aber das wird hier bei Khan Academy nicht funktionieren. 9:59:59.000,9:59:59.000 Hier brauche ich eine absolute URL von jQuery 9:59:59.000,9:59:59.000 irgendwo auf einem Online-Server. 9:59:59.000,9:59:59.000 Und es gibt eine Liste von[br]dieser URLs unter jquery.com, 9:59:59.000,9:59:59.000 und ich habe eine davon[br]ich hier einfach einfügen. 9:59:59.000,9:59:59.000 So geht's. 9:59:59.000,9:59:59.000 So ist es gut. Jetzt möchte ich[br]auf ein paar Dinge hinweisen 9:59:59.000,9:59:59.000 über diese URL. 9:59:59.000,9:59:59.000 Die erste Sache ist, dass[br]sie mit "https" beginnt. 9:59:59.000,9:59:59.000 Das bedeutet, dass es sich um eine sichere URL handelt. 9:59:59.000,9:59:59.000 Wir erlauben dir nur[br]sichere Ressourcen einzubringen 9:59:59.000,9:59:59.000 auf Khan Academy-Webseiten 9:59:59.000,9:59:59.000 und das ist generell eine gute[br]Praxis in der Webentwicklung. 9:59:59.000,9:59:59.000 Okay. Die zweite Sache[br]ist, dass diese Seite 9:59:59.000,9:59:59.000 auf einem Google-Server: googleapis.com. 9:59:59.000,9:59:59.000 Dieser Server wird CDN genannt, 9:59:59.000,9:59:59.000 ein Content Delivery Network, 9:59:59.000,9:59:59.000 was bedeutet, dass er optimiert ist 9:59:59.000,9:59:59.000 für die Bereitstellung statischer Dateien[br]wie JavaScript-Bibliotheken 9:59:59.000,9:59:59.000 und sie sehr schnell bereitzustellen. 9:59:59.000,9:59:59.000 Diesem Google-Server vertraue ich 9:59:59.000,9:59:59.000 und generell solltest du[br]immer den Servern vertrauen 9:59:59.000,9:59:59.000 von denen du Skripte einspielst 9:59:59.000,9:59:59.000 denn sie könnten möglicherweise[br]schädliche Dinge mit deiner Seite anstellen. 9:59:59.000,9:59:59.000 Okay. Die dritte Sache ist[br]dass es eine Versionsnummer gibt 9:59:59.000,9:59:59.000 in dieser URL steht: 2.1.4. 9:59:59.000,9:59:59.000 Die jQuery-Bibliothek ist[br]in aktiver Entwicklung 9:59:59.000,9:59:59.000 und es werden häufig neue Versionen veröffentlicht. 9:59:59.000,9:59:59.000 Die Zahlen weiter links 9:59:59.000,9:59:59.000 stehen für größere Versionsänderungen 9:59:59.000,9:59:59.000 im Vergleich zu den Zahlen weiter rechts, 9:59:59.000,9:59:59.000 die kleinere Versionen darstellen. 9:59:59.000,9:59:59.000 Ich verwende hier jQuery 2, 9:59:59.000,9:59:59.000 das in modernen Browsern funktioniert 9:59:59.000,9:59:59.000 aber im IE8 funktioniert es nicht. 9:59:59.000,9:59:59.000 Auf deiner eigenen Website, 9:59:59.000,9:59:59.000 kannst du entscheiden, welche Version[br]du je nach Bedarf verwenden willst. 9:59:59.000,9:59:59.000 Also gut. Wir haben also jQuery eingebunden. 9:59:59.000,9:59:59.000 Jetzt wollen wir es tatsächlich benutzen 9:59:59.000,9:59:59.000 in einem anderen '<script>'-Tag. 9:59:59.000,9:59:59.000 Jede JavaScript-Bibliothek stellt Funktionen zur Verfügung 9:59:59.000,9:59:59.000 und sie geben ihren Funktionen Namen. 9:59:59.000,9:59:59.000 Wir müssen in der Dokumentation nachsehen 9:59:59.000,9:59:59.000 um herauszufinden, wie diese Funktionsnamen lauten 9:59:59.000,9:59:59.000 und was sie tatsächlich tun. 9:59:59.000,9:59:59.000 Nun, die jQuery-Bibliothek[br]stellt eine Hauptfunktion zur Verfügung 9:59:59.000,9:59:59.000 und sie hat einen sehr kurzen Namen. 9:59:59.000,9:59:59.000 Sie besteht nur aus dem Dollarzeichen. 9:59:59.000,9:59:59.000 Das bedeutet, dass das erste, was wir schreiben 9:59:59.000,9:59:59.000 Dollar ist 9:59:59.000,9:59:59.000 dann zwei Klammern,[br]weil es eine Funktion ist, 9:59:59.000,9:59:59.000 und natürlich ein Semikolon. 9:59:59.000,9:59:59.000 Es ist schön, dass dieser[br]Funktionsname so kurz ist 9:59:59.000,9:59:59.000 denn wir würden diese Funktion[br]diese Funktion sehr oft aufrufen. 9:59:59.000,9:59:59.000 Es gibt eine Menge Dinge, die wir[br]an diese Funktion übergeben können, 9:59:59.000,9:59:59.000 aber für dieses einführende Beispiel, 9:59:59.000,9:59:59.000 werde ich nur die Zeichenkette "h1" übergeben. 9:59:59.000,9:59:59.000 Wenn ich das getan habe, 9:59:59.000,9:59:59.000 sagt dies jQuery, dass es 9:59:59.000,9:59:59.000 alle "h1"-Elemente auf der Seite zu finden 9:59:59.000,9:59:59.000 und sie als ein[br]jQuery-Sammelobjekt zurückzugeben. 9:59:59.000,9:59:59.000 Jetzt, wo ich das getan habe, 9:59:59.000,9:59:59.000 kann ich andere Methoden aufrufen[br]für das jQuery-Objekt aufrufen 9:59:59.000,9:59:59.000 aufrufen, um alle gefundenen[br]h1"-Elemente zu bearbeiten. 9:59:59.000,9:59:59.000 Wenn ich zum Beispiel den[br]inneren Text aller Elemente ändern möchte, 9:59:59.000,9:59:59.000 kann ich die Funktion "text" aufrufen 9:59:59.000,9:59:59.000 aufrufen und ihr einen String übergeben. 9:59:59.000,9:59:59.000 Es passiert. 9:59:59.000,9:59:59.000 Ja! 9:59:59.000,9:59:59.000 Und wir sind fertig! 9:59:59.000,9:59:59.000 Das ist unser erstes Stück jQuery. 9:59:59.000,9:59:59.000 Wir haben also die jQuery[br]Bibliothek mit dem ''-Tag eingebunden, 9:59:59.000,9:59:59.000 jQuery angewiesen, alle[br]h1s" auf der Seite zu finden, 9:59:59.000,9:59:59.000 zu finden und dann jQuery zu bitten[br]den Text von allen zu ändern. 9:59:59.000,9:59:59.000 Wenn du weitermachst, werden wir[br]viel mehr durchgehen 9:59:59.000,9:59:59.000 mehr ins Detail gehen, 9:59:59.000,9:59:59.000 mehr Möglichkeiten zur Auswahl und[br]und Elemente zu manipulieren, 9:59:59.000,9:59:59.000 Verwendung von jQuery zur Reaktion auf[br]Benutzerereignisse auf der Seite zu reagieren, 9:59:59.000,9:59:59.000 sowie lustige Sachen mit Animationen und Effekten.