>> SPEAKER: Lad os forbedre denne sidste eksempel ved hjælp af en populær JavaScript
bibliotek kaldet jQuery, der vil give os at rydde op i vores kode, mens du stadig
undgå det spørgsmål, vi stødte tidligere hvorved noget kode, jeg skrev
blev udført tidligt før elementer, jeg havde brug for at eksistere i en DOM
faktisk eksisterede.
>> Bemærk her i dom-2.html, jeg har en script-tag, der allerede med en attribut
af kilde, hvis værdi er webadressen på det nyeste version af dette bibliotek.
Nedenfor at jeg har en separat script-tag med ingen kilde, men hvor jeg har forladt
plads til rent faktisk at skrive nogle af mine egen kode.
Koden jeg gerne vil skrive er lige så følger, $, hvilket er virkelig bare
stenografi notation for jQuery selv (dokument).
Med andre ord, jeg bare passerer som et argument til en funktion kaldet
jQuery dokumentet, den globale variabel, der allerede eksisterer inde
af enhver webside.
>> Så lad os gøre. Klar, kalder en funktion eller metode, der angiver, at
følgende stykke kode bør være udføres kun, når hele dokumentet
er klar, specielt dette anonym funktion her.
$ "# Demo", som angiver, at jeg gerne vil at få det element fra min DOM
Hvem har entydige identifikator er demo.
Og så når vi har fået det, lad os registrere med det en event handler til
indsende begivenhed ved at angive. indsende, passerer til en anonym
funktion, der forventer et argument at vi ringer begivenhed, som er
i sidste ende bare at være en reference slags til den faktiske
indsendelse begivenhed bare i tilfælde af at vi ville gerne have adgang til det direkte.
>> I mellemtiden, lad os præcisere åben klampe og tæt bandage og indersiden af ​​de
seler, lad os faktisk skrive koden at vi ønsker udført, når denne formular
indsendes.
advare "hello", og lad os sammenkæde på således at resultatet af at kalde $ "# navn"
som præciserer, at jeg ønsker at få elementet i min DOM hvis unikke
id er navnet.
Og lad os nu kalde en funktion inde i objektet kaldet val som får
den tekstuelle værdi, brugeren er skrevet i.
Og lad os sammenkæde på, så bare for sjov, et udråbstegn.
>> Endelig, snarere end blot returnere falsk som vi gjorde før, så lad os være en smule mere
eksplicitte og præciserer, at eftersom begivenhed objekt, vil vi gerne forhindre
standard opførsel ved specifikt at ringe en funktion eller metode, der kaldes
forhindre standard som følger.
event.preventDefault.
Lad os nu gemme filen og åbne det op i min browser.
http://localhost/dom-2.html
>> Der er denne form.
Lad os input David.
Hvis du klikker på Indsend og goddag, David er tilbage.