SPEAKER: Laten we verbeteren op dat laatste bijvoorbeeld door een populaire JavaScript library genaamd jQuery waarmee ons om het schoonmaken van onze code, terwijl nog het vermijden van het probleem dat we tegenkwamen eerder waarbij een code die ik schreef vroeg werd uitgevoerd voordat de elementen die ik nodig had om te bestaan ​​in een DOM eigenlijk bestond. 

Let hier op in dom-2.html, ik heb een script-tag al met een attribuut van de bron waarvan de waarde is de URL van de nieuwste versie van deze bibliotheek. Daaronder heb ik een aparte script-tag geen bron, maar waar ik ben vertrokken ruimte om daadwerkelijk te schrijven sommige van mijn eigen code. De code die ik zou willen schrijven is als volgt, $, die eigenlijk gewoon verkorte schrijfwijze voor jQuery zelf, (document). Met andere woorden, ik ben gewoon passeren als een argument voor een functie genaamd jQuery het document, de globale variabele, die al bestaat binnen van een webpagina. 

Laten we dan doen. Klaar, het bellen van een functie of methode die aangeeft dat het volgende stuk code zou moeten zijn slechts uitgevoerd nadat het gehele document klaar is, in het bijzonder deze anonieme functie hier. $ "# Demo", waarin wordt aangegeven dat ik zou willen om het element te krijgen van mijn DOM wie unieke identifier is demo. En toen we eenmaal hebt gekregen dat, laten we inschrijven bij het een event handler voor het indienen evenement door het specificeren. indienen, doorgeven dat een anonieme functie die een argument verwacht dat we event zullen noemen, dat is uiteindelijk gewoon om een ​​referentie te soorten van de werkelijke indiening evenement voor het geval we zouden graag rechtstreeks toegang tot die. 

Ondertussen laten we opgeven geopend brace en dicht brace en de binnenkant van de bretels, laten we eigenlijk de code schrijven dat we willen voeren wanneer dit formulier wordt ingediend. waarschuwen "hello" en laten we samenvoegen op zodat het resultaat van het aanroepen $ "# naam" waarin wordt aangegeven dat ik zou willen krijgen het element in mijn DOM wiens unieke identifier is de naam. En laten we nu een functie aan te roepen binnen van dat object met de naam val die krijgt de tekstuele waarde die de gebruiker intikt En laten we samenvoegen op zodat, net voor de lol, een uitroepteken. 

Ten slotte, in plaats van alleen return false als we hebben eerder, laten we een beetje meer expliciete en aangeven dat gezien het feit dat gebeurtenisobject, willen we voorkomen dat de standaard gedrag door specifiek te bellen een functie of methode genaamd standaard als volgt voorkomen. event.preventDefault. Laten we nu het bestand opslaan en openen in mijn browser. http://localhost/dom-2.html 

Er is die vorm. Laten we ingang David. Klikken op Submit en hallo, David is terug.