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.