SPEAKER: Idemo poboljšati taj zadnji Primjer pomoću popularne JavaScript Knjižnica zove jQuery koji će omogućiti nam da počistiti naše kod dok još izbjegavajući pitanje na koje smo naišli ranije, pri čemu su neki kod koji sam napisao pogubljen prerano prije Elementi sam trebao postojati u DOM stvarno postojao. 

Obavijest ovdje u Dom-2.html, imam Skripta tag već s atributom od izvora čija vrijednost je URL Najnovija verzija ovog knjižnici. Ispod toga imam zasebnu oznaku skripte bez izvora, ali gdje sam ostavio Soba se zapravo pisati neke svoje koda. Kod Htio bih upisati kao slijedi, $, što je zapravo samo skraćenica za jQuery Sama, (dokument). Drugim riječima, ja sam jednostavno prolazi kao Argument u funkciji zove jQuery dokument, globalni varijabla, koja već postoji unutar od bilo koje web stranice. 

Onda ćemo napraviti. Spremni, nazivajući funkciju ili metoda koja određuje da Sljedeći komad koda bi trebao biti izvršiti samo jednom u cijelom dokumentu je spreman, posebno ova anonimna funkcija ovdje. $ "# Demo", koja navodi da je sam bih da se element iz mog DOM tko je jedinstveni identifikator je demo. I onda kada smo stečen da je, neka je Registrirajte se s njim na događaj rukovatelj za podnijeti događaj navođenjem. podnijeti, prolazi na koji anonimni funkcija koja očekuje jedan argument koje ćemo nazvati događaj, koji je u konačnici samo će biti referentna sorti do stvarnog podnošenje događaj samo u slučaju da bih željeli izravno pristupiti tome. 

U međuvremenu, neka je odrediti otvoreno braće i blizu brace i unutar onih aparatić, neka je zapravo napisati kod da želimo izvršiti kada je ovaj oblik podnosi. upozoriti "zdravo", i neka je spojite na , tako da je rezultat poziva $ "# Naziv" koji određuje da li bih se element u mom DOM čija je jedinstvena identifikator ime. I neka je sada pozvati funkciju unutar taj predmet zove val koji dobiva tekstualna vrijednost koja korisnik unese I neka je spojite na taj način da, baš za zabavu, uskličnik. 

I na kraju, a ne samo povratak false kao mi prije nije, budimo malo više eksplicitno i navesti da s obzirom da je Događaj objekt, mi bismo željeli da se spriječi njegova default ponašanje koje posebno poziva funkcija ili metoda zove spriječilo zadani kako slijedi. event.preventDefault. Idemo sada spremite datoteku i otvorite ga u pregledniku. http://localhost/dom-2.html 

Tu je taj obrazac. Idemo ulaz David. Klikom Slanje i hello, David se vratio.