SPEAKER: Katsotaanpa parannella, että viime esimerkiksi käyttämällä suosittu JavaScript kirjasto nimeltään jQuery, jonka avulla meitä siivoamaan meidän koodi silti välttää ongelman kohtasimme aikaisemmin jolloin koodia, että olen kirjoittanut toteutettiin ennenaikaisesti ennen elementit minun piti esiintyä DOM todella olemassa. 

Huomaa täällä dom-2.html, minulla on komentosarjatunnus jo joissa määritteen lähde, jonka arvo on URL uusin versio tätä kirjastoa. Alla, että minulla on erillinen komentosarjatunnus ilman lähde vaan olen jättänyt tilaa itse kirjoittaa joitakin oman koodin. Koodi Haluaisin kirjoittaa on yhtä seuraa, $, mikä on oikeastaan ​​vain lyhennetty merkintätapa jQuery itse, (document). Toisin sanoen, olen vain ohimennen argumentti toiminto nimeltään jQuery asiakirja, maailmanlaajuisen muuttuja, joka on jo olemassa sisällä tahansa sivulta. 

Sitten Tehdään. Valmis, vaatii toimia tai menetelmä, jossa todetaan, että seuraavia koodinpätkän pitäisi olla suoritetaan vain kerran koko asiakirja on valmis, nimenomaan tämä Nimetön toiminto täällä. $ "# Demo", jossa todetaan, että haluaisin saada osa minun DOM kuka on yksilöllinen tunniste on demo. Ja sitten kun olemme saaneet, katsotaanpa rekisteröidyttävä se tapahtuma käsittelijä esittämään tapahtuman määrittämällä. väittävät, ohimennen, että nimetön toiminto, joka odottaa yksi argumentti että soitamme tapahtuma, joka on lopulta vain olemaan viite lajittelee todellinen jättämisen tapauksessa vain siinä tapauksessa me osaisimme haluavat päästä suoraan. 

Samaan aikaan, nyt määritellä avoin ahdin ja aaltosulje ja sisällä näiden henkselit, nyt itse kirjoittaa koodia että haluamme suoritetaan, kun tämä lomake on toimitettu. varoittaa "hei" ja lähdetään liität päälle niin, että tulos kutsuvan $ "# name" jossa täsmennetään, että haluaisin saada elementti minun DOM joiden ainutlaatuinen tunniste on nimi. Ja katsotaanpa nyt kutsumme toiminnon sisällä että esineen nimeltä Val joka saa tekstimuotoinen arvo käyttäjä on kirjoitettu sisään Ja antaa liität niin, että vain hauskaa, huutomerkki. 

Lopuksi, eikä vain palata false teimme ennen, olkaamme hieman nimenomaista ja täsmentää, että koska Jos esine, haluamme estää sen oletustoimintaa nimenomaan soittamalla funktio tai menetelmä nimeltä estää oletuksena seuraavasti. event.preventDefault. Katsotaanpa nyt tallentaa tiedoston ja avaa se minun selaimessa. http://localhost/dom-2.html 

On siinä muodossa. Katsotaanpa tulo David. Klikkaamalla Lähetä ja hei, David on palannut.