>> 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.