>> SPEAKER: Cerchiamo di migliorare l'ultimo esempio utilizzando un JavaScript popolare
libreria chiamata jQuery che permetterà noi per ripulire il nostro codice, pur
evitando il problema che abbiamo incontrato in precedenza per cui alcuni codice che ho scritto
è stato eseguito prematuramente prima della elementi di cui avevo bisogno per esistere in un DOM
realmente esistito.
>> Si noti qui in dom-2.html, ho un tag già con un attributo di script
di origine il cui valore è l'URL del la versione più recente di questa biblioteca.
Qui di seguito che ho un tag script separato senza alcuna fonte, ma dove ho lasciato
spazio per effettivamente scrivere un po 'del mio codice.
Il codice che vorrei scrivere è come segue, $, che è in realtà solo
notazione abbreviata per jQuery stessa, (documento).
In altre parole, io sto semplicemente passando come un argomento di una funzione chiamata
jQuery il documento, il globale variabile, che esiste già dentro
di qualsiasi pagina web.
>> Allora facciamolo. Pronta, chiamando una funzione o un metodo che specifica che
il seguente pezzo di codice dovrebbe essere eseguito solo una volta l'intero documento
è pronta, in particolare questo funzione anonima qui.
$ "# Demo", che specifica che mi piacerebbe per ottenere l'elemento dal mio DOM
chi sta identificatore univoco è demo.
E poi una volta abbiamo ottenuto questo, facciamo registrarsi con esso un gestore di eventi per
il submit evento specificando. presentare, passando a che un anonimo
funzione che si aspetta un argomento che chiameremo evento, che è
in ultima analisi, solo andando a essere un riferimento di sorta alla effettiva
evento di presentazione nel caso in cui ci saremmo Desidero accedere a quella diretta.
>> Nel frattempo, cerchiamo di specificare parentesi graffa aperta e close brace e dentro di quelli
bretelle, diamo effettivamente scrivere il codice che vogliamo eseguito quando questo modulo
è presentata.
Alert "ciao", e cerchiamo di concatenare su in modo che il risultato della chiamata $ "# nome"
che specifica che mi piacerebbe ottenere l'elemento a mio DOM cui unico
identificatore è il nome.
E andiamo ora chiamare una funzione all'interno di quell'oggetto chiamato val che ottiene
il valore testuale che l'utente viene immessa
E cerchiamo di concatenare in modo che, appena per il divertimento, un punto esclamativo.
>> Infine, piuttosto che restituire false come abbiamo fatto prima, cerchiamo di essere un po 'più
esplicito e specificare che, dato che oggetto evento, vorremmo evitare che la sua
predefinito comportamento specificamente chiamando una funzione o metodo chiamato
impedire automaticamente come segue.
event.preventDefault.
Passiamo ora salvare il file e aprirlo nel browser.
http://localhost/dom-2.html
>> C'è quella forma.
Facciamo ingresso David.
Facendo clic su Submit e ciao, David è tornato.