Tagapagsalita: Sabihin mapabuti sa oras na huling halimbawa sa pamamagitan ng paggamit ng isang popular na JavaScript library na tinatawag na jQuery na magpapahintulot amin upang linisin ang aming code habang pa rin pag-iwas sa mga isyu na aming nakatagpo mas maaga kung saan ang ilang mga code na na sinulat ko ay pinaandar maaga bago ang elemento na kailangan ko na umiiral sa isang DOM talaga umiral. 

Pansinin dito sa DOM-2.html, mayroon akong script tag na may isang attribute ng source na ang halaga ay ang URL ng pinakabagong bersyon ng library. Nasa ibaba na mayroon akong hiwalay na script tag na walang mapagkukunang ngunit kung saan iniwan ko room upang aktwal na magsulat ilan sa aking sariling code. Ang code Gusto kong isulat ay bilang susunod, $, na kung saan ay talagang lamang shorthand notation para sa jQuery mismo, (dokumento). Sa madaling salita, kailangan lang ako ng pagpasa bilang isang argumento sa isang function na tinatawag na jQuery ang dokumento, ang pandaigdigang variable, na ay mayroon na sa loob ng anumang web page. 

Pagkatapos ay gawin ipaalam. Handa na, pagtawag ng isang function o pamamaraan na tumutukoy na ang mga sumusunod na tipak ng code ay dapat na ipinatupad lamang ng isang beses ang buong dokumento ay handa na, partikular na ito anonymous function na dito. $ "# Demo", na tumutukoy na gusto ko upang makuha ang elemento mula sa aking DOM sino ang natatanging identifier ay demo. At pagkatapos ay sa sandaling nakuha namin na lumalabag, sabihin magrehistro sa ito ng isang humahawak ng kaganapan para sa ang isumite ang kaganapan sa pamamagitan ng pagtukoy. isumite, pagpasa sa na isang hindi nakikilalang function na Inaasahan ng isang argument na gagamitin namin tumawag sa kaganapan, na kung saan ay sa huli lamang ng pagpunta sa maging isang sanggunian ng mga klase sa aktwal na kaganapan ng pagsusumite sa loob lang kaso kami ay i-access na direkta. 

Samantala, sabihin tukuyin ng bukas suhay at malapit suhay at sa loob ng mga tirante, ni aktwal na isulat ang code ipaalam na namin nais na pinaandar kapag ang form na ito ay isinumite. alertuhan "kumusta," at ni pagdugtungin sa ipaalam sa gayon ay ang resulta ng pagtawag $ "# pangalan" na tumutukoy na nais kong makuha ang elemento sa aking mga DOM na kung saan ang mga natatanging identifier ay pangalan. At ngayon tumawag ng isang function sa loob ng ipaalam na bagay na tinatawag na Val kung saan ay makakakuha ng ang halaga tekstuwal na ang user ay nai-type in At ni pagdugtungin sa ipaalam sa gayon, lamang para masaya, isang exclamation point. 

Panghuli, sa halip na bumalik lamang maling bilang ay natin dati, maging ng kaunti pang ipaalam tahasang at tukuyin na ang naibigay na sa bagay na kaganapan, nais naming pigilan nito default na pag-uugali sa pamamagitan ng partikular na pagtawag isang function o pamamaraan na tinatawag na maiwasan ang default na tulad ng sumusunod. event.preventDefault. Hayaan ang i-save ni ngayon ang file at buksan ito up sa aking browser. http://localhost/dom-2.html 

Mayroong form na iyon. Ni-input David Hayaan. Ang pag-click ang Isumite at kumusta, Si David ay bumalik.