>> ENCEINTE: Améliorons sur ce dernier par exemple en utilisant un populaire JavaScript
bibliothèque appelée jQuery qui permettra nous nettoyons notre code tout en
éviter la question, nous avons rencontré antérieure selon laquelle un code que j'ai écrit
a été exécuté prématurément avant l' éléments dont j'avais besoin pour exister dans un DOM
effectivement existé.
>> Remarquez ici dans dom-2.html, j'ai une scénario tag déjà avec un attribut
de source dont la valeur est l'adresse URL du dernière version de cette bibliothèque.
Ci-dessous, que j'ai une balise script séparé sans source, mais où j'ai quitté
salle de réellement écrire une partie de mon propre code.
Le code que je voudrais écrire est aussi suit, $, ce qui est vraiment juste
notation abrégée pour jQuery elle-même, (document).
En d'autres termes, je suis tout simplement en passant que un argument à une fonction appelée
jQuery document, le mondial variables, qui existe déjà à l'intérieur
de n'importe quelle page web.
>> Alors faisons-le. Prêt, appel d'une fonction ou une méthode qui spécifie que
le morceau de code suivant devrait être exécuté une seule fois la totalité du document
est prêt, en particulier ce fonction anonyme ici.
$ "# Demo", qui spécifie que j'aimerais pour obtenir l'élément de mon DOM
qui est l'identificateur unique est démo.
Et puis une fois que nous avons obtenu cela, nous allons enregistrer avec elle un gestionnaire d'événements pour
le soumettre un événement en spécifiant. présenter, passant à cela un anonyme
fonction qui attend un argument que nous appelons événement, qui est
finalement tout va être une référence de toutes sortes à la réelle
cas de soumission juste au cas où nous serions vous souhaitez accéder directement.
>> Pendant ce temps, nous allons préciser accolade ouverte et accolade fermée et à l'intérieur de ceux
accolades, nous allons écrire le code que nous voulons exécuté quand ce formulaire
est soumis.
alerter "bonjour", et nous allons concaténer sur de sorte que le résultat de l'appel $ "# name"
qui précise que je voudrais avoir l'élément dans mon DOM dont uniques
identificateur est le nom.
Et appelons maintenant une fonction à l'intérieur de cet objet appelé val qui obtient
la valeur textuelle l'utilisateur est tapé po
Et nous allons concaténer sur afin que, pour le plaisir, un point d'exclamation.
>> Enfin, plutôt que de simplement retourner false comme nous n'avons avant, nous allons être un peu plus
explicite et préciser que, étant donné que objet événement, nous aimerions éviter son
comportement par défaut en appelant spécifiquement une fonction ou une méthode appelée
empêcher défaut comme suit.
event.preventDefault.
Voyons maintenant enregistrer le fichier et ouvrir dans mon navigateur.
http://localhost/dom-2.html
>> Il ya cette forme.
Laissez-nous d'entrée David.
En cliquant sur Envoyer et bonjour, David est de retour.