logo

Primer jQuery

jQuery je razvil Google. Če želite ustvariti prvi primer jQuery, morate uporabiti datoteko JavaScript za jQuery. Datoteko jQuery lahko prenesete s spletnega mesta jquery.com ali uporabite absolutni URL datoteke jQuery.

V tem primeru jQuery uporabljamo absolutni URL datoteke jQuery. Primer jQuery je zapisan znotraj oznake skripta.

Oglejmo si preprost primer jQuery.

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> 
Preizkusite zdaj

Izhod:

Izbran je prvi odstavek.

Izbran je drugi odstavek.

Izbran je tretji odstavek.

$(dokument).ready() in $()

Koda, vstavljena med $(document).ready(), se izvede samo enkrat, ko je stran pripravljena za izvajanje kode JavaScript.

konstruktorji v Javi

Namesto $(document).ready() lahko uporabite samo skrajšani zapis $().

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

Zgornja koda je enakovredna tej kodi.

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

Oglejmo si celoten primer jQuery z uporabo skrajšanega zapisa $().

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> 
Preizkusite zdaj

Izhod:

Izbran je prvi odstavek.

Izbran je drugi odstavek.

Izbran je tretji odstavek.


funkcija() { $('p').css('barva-ozadje', 'cian'); }

Spremeni barvo ozadja vseh

oznako ali odstavek v cian.