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.

 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

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() { $('p').css('color', 'red'); }); 

Zgornja koda je enakovredna tej kodi.

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

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

 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

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.