jQuery està desenvolupat per Google. Per crear el primer exemple de jQuery, heu d'utilitzar el fitxer JavaScript per a jQuery. Podeu descarregar el fitxer jQuery des de jquery.com o utilitzar l'URL absolut del fitxer jQuery.

En aquest exemple de jQuery, estem utilitzant l'URL absolut del fitxer jQuery. L'exemple de jQuery està escrit dins de l'etiqueta de l'script.

Vegem un exemple senzill de 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> 

Sortida:

El primer paràgraf està seleccionat.

El segon paràgraf està seleccionat.

El tercer paràgraf està seleccionat.

$(document).preparat() i $()

El codi inserit entre $(document).ready() només s'executa una vegada quan la pàgina està preparada perquè s'executi el codi JavaScript.

mecanografia per a cadascun

En lloc de $(document).ready(), només podeu utilitzar la notació taquigràfica $().

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

El codi anterior és equivalent a aquest codi.

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

Vegem l'exemple complet de jQuery utilitzant la notació taquigràfica $().

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

Sortida:

El primer paràgraf està seleccionat.

El segon paràgraf està seleccionat.

El tercer paràgraf està seleccionat.

mylivecricket

function() { $('p').css('color de fons', 'cian'); }

Canvia el color de fons de tot

etiqueta o paràgraf a cian.