jQuery est développé par Google. Pour créer le premier exemple jQuery, vous devez utiliser un fichier JavaScript pour jQuery. Vous pouvez télécharger le fichier jQuery à partir de 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 à l’intérieur de la balise de script.
Voyons un exemple simple de jQuery.
<!DOCTYPE html> <html> <head> <title>Premier exemple jQuery</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> <script type="text/javascript" language="javascript"> $(document).ready(function() { $("p").css("background-color", "cyan"); }); </script> </head> <body> <p>Le premier paragraphe est sélectionné.</p> <p>Le deuxieme paragraphe est sélectionné.</p> <p>Le troisieme paragraphe est sélectionné.</p> </body> </html>
Résultat :
$(document).ready() et $()
Le code inséré entre $(document) .ready() est exécuté une seule fois lorsque la page est prête pour l’exécution du code JavaScript.
Au lieu de $(document).ready (), vous pouvez utiliser la notation abrégée $() uniquement.
$(document).ready(function() { $("p").css("color", "red"); });
Le code ci-dessus est équivalent à ce code.
$(function() { $("p").css("color", "red"); });
Voyons l’exemple complet de jQuery en utilisant la notation abrégée $().
<!DOCTYPE html> <html> <head> <title>Deuxieme exemple de jQuery</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"> </script> <script type="text/javascript" language="javascript"> $(function() { $("p").css("color", "red"); }); </script> </head> <body> <p>Le premier paragraphe est sélectionné.</p> <p>Le deuxieme paragraphe est sélectionné.</p> <p>Le troisieme paragraphe est sélectionné.</p> </body> </html>
Résultat :