>> Spreker: Kom ons verbeter op die laaste byvoorbeeld deur die gebruik van 'n gewilde JavaScript
biblioteek genoem jQuery wat jou sal toelaat ons skoon te maak van ons kode, terwyl nog
vermy die probleem wat ons ondervind vroeër waardeur sommige kode wat ek geskryf het
was vroeg uitgevoer voor die elemente wat ek nodig het in 'n DOM om te bestaan
werklik bestaan.
>> Let hier in dom-2.html, ek het 'n scripttag reeds met 'n kenmerk
van die bron waarvan die waarde is die URL van die jongste weergawe van hierdie biblioteek.
Hieronder dat ek 'n aparte script tag met geen bron, maar waar ek links
kamer eintlik skryf sommige van my eie kode.
Die kode wat ek wil skryf, is as volg, $, wat eintlik net '
snelskriknotasie vir jQuery self, (dokument).
Met ander woorde, ek net verby as 'n argument met 'n funksie genoem
jQuery die dokument, die globale veranderlike, wat reeds bestaan ​​binne
van 'n webblad.
>> Dan kom ons doen. Gereed, bel 'n funksie of metode wat bepaal dat
die volgende stuk van die kode moet wees slegs een keer die hele dokument uitgevoer
gereed is, spesifiek by hierdie anonieme funksie hier.
$ "# Demo", wat bepaal dat ek wil die element te kry van my DOM
wie se unieke identifiseerder is demo.
En dan wanneer ons gekry het, laat se registreer met dit 'n gebeurtenis hanteerder vir
die stuur geval deur die spesifiseer. dien, verby te dat 'n anonieme
funksie wat verwag 'n argument dat ons geval sal noem, wat
uiteindelik net gaan 'n verwysing te wees van spesies aan die werklike
voorlegging geval net in geval ons wil hou wat direk toegang te verkry.
>> Intussen, laat ons spesifiseer oop stut en naby stut en binnekant van die
draadjies, laat ons eintlik die kode skryf wat ons wil uitgevoer wanneer hierdie vorm
ingedien word.
waarsku "hallo" en laat koppel op sodat die uitslag van die roeping van $ "# Naam"
wat bepaal dat ek wil te kry die element in my DOM se unieke
identifiseerder is die naam.
En laat ons nou noem 'n funksie binne daardie voorwerp genoem val wat kry
die tekstuele waarde wat die gebruiker getik in
En laat koppel aan sodat net vir die pret, 'n uitroepteken.
>> Laastens, eerder as om net terug te keer vals ons het voor, laat ons 'n bietjie meer
eksplisiete en spesifiseer dat gegee dat gebeurtenis voorwerp, wil ons graag om te verhoed dat sy
standaard gedrag deur spesifiek roeping 'n funksie of 'n metode genoem
verhoed dat die standaard soos volg.
event.preventDefault.
Kom ons nou die lêer stoor en oop te maak in my browser.
http://localhost/dom-2.html
>> Daar is daardie vorm.
Kom ons insette Dawid.
Kliek Stuur en hallo, David is terug.