1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPRECHER: Lassen Sie uns auf dieser letzten verbessern beispielsweise durch die Verwendung eines beliebten JavaScript 3 00:00:03,760 --> 00:00:07,520 Bibliothek jQuery genannt, mit denen uns zu bereinigen, unseren Code, während immer noch 4 00:00:07,520 --> 00:00:11,010 Vermeidung der Frage, die wir angetroffen früher wobei einige Code, den ich schrieb 5 00:00:11,010 --> 00:00:15,600 vorzeitig, bevor der ausgeführt Elemente, die ich brauchte, um in einem DOM vorhanden 6 00:00:15,600 --> 00:00:17,530 tatsächlich existiert. 7 00:00:17,530 --> 00:00:22,120 >> Beachten Sie, hier in dom-2.html, ich habe eine Script-Tag bereits mit einem Attribut 8 00:00:22,120 --> 00:00:26,460 von Quelle, deren Wert die URL der aktuelle Version dieser Bibliothek. 9 00:00:26,460 --> 00:00:30,220 Unten, dass ich einen separaten Script-Tag ohne Quelle, aber wo ich verlassen haben 10 00:00:30,220 --> 00:00:32,590 Zimmer eigentlich schreiben einige meiner eigenen Code. 11 00:00:32,590 --> 00:00:36,690 Der Code würde ich gerne schreiben, ist wie folgt, $, das ist wirklich nur 12 00:00:36,690 --> 00:00:40,510 Kurznotation für jQuery selbst, (document). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 Mit anderen Worten, ich bin einfach so weiter, wie ein Argument für eine Funktion namens 15 00:00:46,700 --> 00:00:50,690 jQuery das Dokument, die globale Variable, die bereits vorhanden ist innen 16 00:00:50,690 --> 00:00:52,100 von jeder Webseite aus. 17 00:00:52,100 --> 00:00:57,400 >> Dann lass es uns tun. Bereit, den Aufruf einer Funktion oder Methode, die angibt, dass 18 00:00:57,400 --> 00:01:01,290 die folgende Stück Code sollte nur einmal das gesamte Dokument ausgeführt 19 00:01:01,290 --> 00:01:04,750 ist bereit, die speziell diese anonyme Funktion hier. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", die angibt, dass möchte ich um das Element aus meinem DOM erhalten 22 00:01:14,210 --> 00:01:16,370 wer eindeutige Kennung Demo. 23 00:01:16,370 --> 00:01:19,990 Und dann noch einmal, dass wir bekommen, wollen wir registrieren Sie einen Ereignishandler für 24 00:01:19,990 --> 00:01:25,250 die submit-Ereignis durch die Angabe. einreichen, Weitergabe an diesem einen anonymen 25 00:01:25,250 --> 00:01:29,370 Funktion, die ein Argument erwartet dass wir Ereignis nennen, das ist 26 00:01:29,370 --> 00:01:32,230 letztlich nur gehen, um eine Referenz sein der Art der eigentlichen 27 00:01:32,230 --> 00:01:36,030 Einreichung Veranstaltung nur für den Fall, wir würden gerne direkt zu. 28 00:01:36,030 --> 00:01:40,470 >> In der Zwischenzeit lassen Sie uns angeben, offene Klammer und Nähe Klammer und innerhalb derer 29 00:01:40,470 --> 00:01:44,140 Klammern, lassen tatsächlich den Code schreiben dass wir ausgeführt werden sollen, wenn diese Form 30 00:01:44,140 --> 00:01:45,210 eingereicht wird. 31 00:01:45,210 --> 00:01:54,810 warnen, "Hallo", und lassen Sie uns auf verketten so dass das Ergebnis des Aufrufs $ "# Name" 32 00:01:54,810 --> 00:01:58,880 die angibt, dass möchte ich bekommen das Element in meinem DOM deren einzigartige 33 00:01:58,880 --> 00:02:00,750 Kennung ist der Name. 34 00:02:00,750 --> 00:02:04,790 Und lassen Sie uns jetzt eine Funktion aufrufen Innenseite dass Objekt aufgerufen wird, die val 35 00:02:04,790 --> 00:02:07,370 die textuelle Wert, der der Benutzer eingetippt 36 00:02:07,370 --> 00:02:11,270 Und lassen Sie uns auf verketten, so dass nur für Spaß, ein Ausrufezeichen. 37 00:02:11,270 --> 00:02:14,610 >> Schließlich, und nicht nur als return false wir haben vor, mal ein bisschen mehr 38 00:02:14,610 --> 00:02:18,750 expliziten und angeben, dass da Event-Objekt, möchten wir verhindern, dass seine 39 00:02:18,750 --> 00:02:22,480 Standardverhalten von speziell Aufruf eine Funktion oder Methode genannt 40 00:02:22,480 --> 00:02:24,190 Standard verhindern wie folgt. 41 00:02:24,190 --> 00:02:25,440 event.preventDefault. 42 00:02:25,440 --> 00:02:27,760 43 00:02:27,760 --> 00:02:30,080 Lassen Sie uns nun die Datei speichern und öffnen Sie es in meinem Browser. 44 00:02:30,080 --> 00:02:33,240 45 00:02:33,240 --> 00:02:40,120 http://localhost/dom-2.html 46 00:02:40,120 --> 00:02:41,410 >> Es ist das Formular. 47 00:02:41,410 --> 00:02:42,720 Lassen Eingangs David. 48 00:02:42,720 --> 00:02:45,040 Klicken Sie auf Absenden und hallo, David ist zurück. 49 00:02:45,040 --> 00:02:48,299