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.
Fitxer: 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>Prova-ho ara
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 $().
Fitxer: 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>Prova-ho ara
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.