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.htmlFirst 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() { $('p').css('color', 'red'); });
Yllä oleva koodi vastaa tätä koodia.
$(function() { $('p').css('color', 'red'); });
Katsotaanpa täydellinen esimerkki jQuerysta käyttämällä lyhennettä $().
Tiedosto: shortjquery.htmlSecond 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.