SPEAKER: La oss forbedre det siste eksempel ved hjelp av en populær Java bibliotek kalt jQuery som vil tillate oss til å rydde opp i koden vår samtidig unngå problemet vi møtte tidligere der noen kode som jeg skrev ble henrettet tidlig før elementer jeg trengte å eksistere i et DOM faktisk eksisterte. 

Legg merke til her i dom-2.html, har jeg en skriptmerket allerede med et attributt av kilden hvis verdi er nettadressen til nyeste versjonen av dette biblioteket. Under denne har jeg et eget script tag med ingen kilde, men hvor jeg har forlatt plass til å faktisk skrive noen av min egen kode. Koden jeg har lyst til å skrive er som følger, $, som egentlig bare er stenografi notasjon for jQuery seg selv, (dokument). Med andre ord, jeg bare passerer som et argument til en funksjon som heter jQuery dokumentet, det globale variable, som allerede finnes inne av hvilken som helst webside. 

Så la oss gjøre. Klar, ringer en funksjon eller metode som spesifiserer at følgende del av koden skal være utføres bare når hele dokumentet er klart, at dette spesifikt anonym funksjon her. $ "# Demo", som presiserer at jeg ønsker for å få elementet fra min DOM hvem har unik identifikator er demo. Og så når vi har fått det, la oss registrere seg med det en hendelseshåndterer for send-arrangementet ved å spesifisere. sende, passerer til at en anonym funksjon som forventer ett argument at vi vil kalle arrangementet, som er til slutt bare kommer til å være en referanse av sorterer til selve innsending hendelse bare i tilfelle vi skulle liker å få tilgang til det direkte. 

I mellomtiden, la oss spesifisere åpen seler og klammeparentes og innsiden av de bukseseler, la oss faktisk skrive koden at vi ønsker utført når dette skjemaet er sendt. varsle "hallo", og la oss sette sammen på slik at resultatet av å kalle $ "# name" som presiserer at jeg ønsker å få elementet i min DOM hvis unike identifikator er navnet. Og la oss nå kalle en funksjon innsiden av som objekt kalt val som får tekstlig verdi som brukeren er skrevet i. Og la oss sette sammen på, slik at bare for moro skyld, et utropstegn. 

Til slutt, i stedet for bare return false som vi gjorde før, la oss være litt mer eksplisitte og spesifisere at gitt at hendelsesobjekt, vil vi gjerne hindre sin standard oppførsel ved spesifikt å ringe en funksjon eller metode som kalles hindre standard som følger. event.preventDefault. La oss nå lagre filen og åpne den opp i nettleseren min. http://localhost/dom-2.html 

Det er dette skjemaet. La oss innspill David. Ved å klikke på Send og hei, David er tilbake.