1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> ENCEINTE: Améliorons sur ce dernier par exemple en utilisant un populaire JavaScript 3 00:00:03,760 --> 00:00:07,520 bibliothèque appelée jQuery qui permettra nous nettoyons notre code tout en 4 00:00:07,520 --> 00:00:11,010 éviter la question, nous avons rencontré antérieure selon laquelle un code que j'ai écrit 5 00:00:11,010 --> 00:00:15,600 a été exécuté prématurément avant l' éléments dont j'avais besoin pour exister dans un DOM 6 00:00:15,600 --> 00:00:17,530 effectivement existé. 7 00:00:17,530 --> 00:00:22,120 >> Remarquez ici dans dom-2.html, j'ai une scénario tag déjà avec un attribut 8 00:00:22,120 --> 00:00:26,460 de source dont la valeur est l'adresse URL du dernière version de cette bibliothèque. 9 00:00:26,460 --> 00:00:30,220 Ci-dessous, que j'ai une balise script séparé sans source, mais où j'ai quitté 10 00:00:30,220 --> 00:00:32,590 salle de réellement écrire une partie de mon propre code. 11 00:00:32,590 --> 00:00:36,690 Le code que je voudrais écrire est aussi suit, $, ce qui est vraiment juste 12 00:00:36,690 --> 00:00:40,510 notation abrégée pour jQuery elle-même, (document). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 En d'autres termes, je suis tout simplement en passant que un argument à une fonction appelée 15 00:00:46,700 --> 00:00:50,690 jQuery document, le mondial variables, qui existe déjà à l'intérieur 16 00:00:50,690 --> 00:00:52,100 de n'importe quelle page web. 17 00:00:52,100 --> 00:00:57,400 >> Alors faisons-le. Prêt, appel d'une fonction ou une méthode qui spécifie que 18 00:00:57,400 --> 00:01:01,290 le morceau de code suivant devrait être exécuté une seule fois la totalité du document 19 00:01:01,290 --> 00:01:04,750 est prêt, en particulier ce fonction anonyme ici. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", qui spécifie que j'aimerais pour obtenir l'élément de mon DOM 22 00:01:14,210 --> 00:01:16,370 qui est l'identificateur unique est démo. 23 00:01:16,370 --> 00:01:19,990 Et puis une fois que nous avons obtenu cela, nous allons enregistrer avec elle un gestionnaire d'événements pour 24 00:01:19,990 --> 00:01:25,250 le soumettre un événement en spécifiant. présenter, passant à cela un anonyme 25 00:01:25,250 --> 00:01:29,370 fonction qui attend un argument que nous appelons événement, qui est 26 00:01:29,370 --> 00:01:32,230 finalement tout va être une référence de toutes sortes à la réelle 27 00:01:32,230 --> 00:01:36,030 cas de soumission juste au cas où nous serions vous souhaitez accéder directement. 28 00:01:36,030 --> 00:01:40,470 >> Pendant ce temps, nous allons préciser accolade ouverte et accolade fermée et à l'intérieur de ceux 29 00:01:40,470 --> 00:01:44,140 accolades, nous allons écrire le code que nous voulons exécuté quand ce formulaire 30 00:01:44,140 --> 00:01:45,210 est soumis. 31 00:01:45,210 --> 00:01:54,810 alerter "bonjour", et nous allons concaténer sur de sorte que le résultat de l'appel $ "# name" 32 00:01:54,810 --> 00:01:58,880 qui précise que je voudrais avoir l'élément dans mon DOM dont uniques 33 00:01:58,880 --> 00:02:00,750 identificateur est le nom. 34 00:02:00,750 --> 00:02:04,790 Et appelons maintenant une fonction à l'intérieur de cet objet appelé val qui obtient 35 00:02:04,790 --> 00:02:07,370 la valeur textuelle l'utilisateur est tapé po 36 00:02:07,370 --> 00:02:11,270 Et nous allons concaténer sur afin que, pour le plaisir, un point d'exclamation. 37 00:02:11,270 --> 00:02:14,610 >> Enfin, plutôt que de simplement retourner false comme nous n'avons avant, nous allons être un peu plus 38 00:02:14,610 --> 00:02:18,750 explicite et préciser que, étant donné que objet événement, nous aimerions éviter son 39 00:02:18,750 --> 00:02:22,480 comportement par défaut en appelant spécifiquement une fonction ou une méthode appelée 40 00:02:22,480 --> 00:02:24,190 empêcher défaut comme suit. 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 Voyons maintenant enregistrer le fichier et ouvrir dans mon navigateur. 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 >> Il ya cette forme. 47 00:02:41,410 --> 00:02:42,720 Laissez-nous d'entrée David. 48 00:02:42,720 --> 00:02:45,040 En cliquant sur Envoyer et bonjour, David est de retour. 49 00:02:45,040 --> 00:02:48,299