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.