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