logo

Esimerkki jQuerysta

jQuery on Googlen kehittämä. Ensimmäisen jQuery-esimerkin luomiseksi sinun on käytettävä JavaScript-tiedostoa jQuerylle. Voit ladata jQuery-tiedoston osoitteesta jquery.com tai käyttää jQuery-tiedoston absoluuttista URL-osoitetta.

Tässä jQuery-esimerkissä käytämme jQuery-tiedoston absoluuttista URL-osoitetta. JQuery-esimerkki on kirjoitettu komentosarjatunnisteen sisään.

Katsotaanpa yksinkertainen esimerkki jQuerysta.

Tiedosto: firstjquery.html
 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Testaa nyt

Lähtö:

Ensimmäinen kappale on valittu.

Toinen kappale on valittu.

Kolmas kappale on valittu.

$(dokumentti).ready() ja $()

Kohteen $(document).ready() väliin lisätty koodi suoritetaan vain kerran, kun sivu on valmis JavaScript-koodin suorittamista varten.

linkedlist java

Kohdan $(document).ready() sijasta voit käyttää vain lyhennettä $().

 $(document).ready(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Yllä oleva koodi vastaa tätä koodia.

 $(function() { $(&apos;p&apos;).css(&apos;color&apos;, &apos;red&apos;); }); 

Katsotaanpa täydellinen esimerkki jQuerysta käyttämällä lyhennettä $().

Tiedosto: shortjquery.html
 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 
Testaa nyt

Lähtö:

Ensimmäinen kappale on valittu.

lateksiluettelot

Toinen kappale on valittu.

Kolmas kappale on valittu.


function() { $('p').css('taustaväri', 'syaani'); }

Se muuttaa kaikkien taustavärin

tagi tai kappale syaaniksi.