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.