Syntaxe jQuery


Avec jQuery, vous pouvez sélectionner (interroger) des éléments HTML et effectuer des "actions" sur eux.

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 : $(sélecteur).action()

  • Définition du signe dollar jQuery
  • Sélecteur "requête" et "trouver" des éléments HTML
  • L'action() de jQuery 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 tous les éléments <p> avec class="test"

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

lamp
lamp你对 CSS 选择器熟悉吗？

jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。
Êtes-vous familier avec les sélecteurs CSS ?

La syntaxe utilisée par jQuery est une combinaison de la syntaxe du sélecteur XPath et CSS. Dans les chapitres suivants de ce didacticiel, vous en apprendrez davantage sur la syntaxe des sélecteurs.

Événement Document Ready
Vous avez peut-être remarqué que dans notre exemple toutes les fonctions jQuery sont situées dans un Dans la fonction document ready :

$(document).ready(function(){

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

});

Cela permet d'empêcher l'exécution du code jQuery 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 qui n'est pas complètement chargée

Conseils :
Écriture concise (même effet que ci-dessus) :

$(function(){

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

});

<🎜>Vous pouvez choisir la méthode que vous souhaitez exécuter la méthode jQuery une fois le document prêt. <🎜><🎜>