logo

Exemple jQuery

jQuery est développé par Google. Pour créer le premier exemple jQuery, vous devez utiliser le fichier JavaScript pour jQuery. Vous pouvez télécharger le fichier jQuery depuis jquery.com ou utiliser l'URL absolue du fichier jQuery.

Dans cet exemple jQuery, nous utilisons l'URL absolue du fichier jQuery. L'exemple jQuery est écrit dans la balise script.

Voyons un exemple simple de jQuery.

Fichier : 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> 
Testez-le maintenant

Sortir:

Le premier paragraphe est sélectionné.

Le deuxième paragraphe est sélectionné.

Le troisième paragraphe est sélectionné.

$(document).ready() et $()

Le code inséré entre $(document).ready() n'est exécuté qu'une seule fois lorsque la page est prête à exécuter le code JavaScript.

javascript couper la sous-chaîne

À la place de $(document).ready(), vous pouvez utiliser uniquement la notation abrégée $().

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

Le code ci-dessus est équivalent à ce code.

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

Voyons l'exemple complet de jQuery utilisant la notation abrégée $().

Fichier : 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> 
Testez-le maintenant

Sortir:

Le premier paragraphe est sélectionné.

755 chmods

Le deuxième paragraphe est sélectionné.

Le troisième paragraphe est sélectionné.


function() { $('p').css('background-color', 'cyan'); }

Cela change la couleur d'arrière-plan de tous

balise ou paragraphe en cyan.