Syntaxe jQuery

Syntaxe jQuery

La syntaxe jQuery consiste à sélectionner des éléments HTML et à effectuer certaines opérations sur les éléments sélectionnés.

Syntaxe de base : $(selector).action()

Définition du signe dollar jQuery

sélecteur "requête" et élément HTML "trouver"

jQuery action() effectue des opérations sur les éléments

Exemple :

$(this).hide() - Masquer l'élément actuel

$ ("p").hide() - Masquer tous les éléments <p>

$("p.test").hide() - Masquer toutes les classes <p> with ="test"

$("#test").hide() - Masquer tous les éléments avec id="test"

Événement Document prêt

Vous avez peut-être remarqué que toutes les fonctions jQuery de notre exemple se trouvent dans une fonction prête pour le document :

$(document).ready(function( ){
// Commencez à écrire du code jQuery...
});

Cela permet d'empêcher le code jQuery de s'exécuter avant que le document ne soit complètement chargé (prêt).

Si vous exécutez la fonction avant que le document ne soit complètement chargé, l'opération peut échouer. Voici deux exemples précis :

Essayer de masquer un élément inexistant

Obtenir la taille d'une image incomplètement chargée

Astuce : écriture concise (même effet que ci-dessus) Idem) :

$(function(){

// Commencez à écrire du code jQuery...

});

Avec les deux méthodes ci-dessus, vous pouvez choisir la façon dont vous souhaitez exécuter la méthode jQuery une fois le document prêt.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("#div1").empty(); }); }); </script> </head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:green;"> <p>这是一段内容</p> <p>这还是一段内容</p> </div> <br> <button>清空框里内容</button> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel