logo

jQuery primjer

jQuery je razvio Google. Za izradu prvog jQuery primjera morate koristiti JavaScript datoteku za jQuery. Možete preuzeti jQuery datoteku s jquery.com ili upotrijebiti apsolutni URL jQuery datoteke.

U ovom jQuery primjeru koristimo apsolutni URL jQuery datoteke. Primjer jQuery napisan je unutar oznake skripte.

Pogledajmo jednostavan primjer jQueryja.

Datoteka: 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> 
Testirajte sada

Izlaz:

Odabran je prvi odlomak.

Odabran je drugi odlomak.

Odabran je treći odlomak.

$(dokument).ready() i $()

Kôd umetnut između $(document).ready() izvršava se samo jednom kada je stranica spremna za izvršavanje JavaScript koda.

naredba chown

Umjesto $(document).ready(), možete koristiti samo skraćeni zapis $().

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

Gornji kod je ekvivalentan ovom kodu.

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

Pogledajmo cijeli primjer jQueryja koji koristi skraćeni zapis $().

Datoteka: 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> 
Testirajte sada

Izlaz:

Odabran je prvi odlomak.

Odabran je drugi odlomak.

Odabran je treći odlomak.

lambda funkcija java

funkcija() { $('p').css('boja-pozadine', 'cijan'); }

Mijenja boju pozadine za sve

oznaku ili odlomak u cijan.