jQuery选择器

Le concept le plus basique de jQuery est «sélectionner certains éléments et les traiter».

Les sélecteurs jQuery vous permettent de «trouver» (ou sélectionner) des éléments HTML dans une page web.

jQuery supporte la plupartCSS3sélecteurainsi que certains sélecteurs non standard.

Tous les sélecteurs jQuery commencent par un symbole dollar et des parenthèses : $().

sélecteur d'élément

Les sélecteurs d'éléments jQuery peuvent être utilisés pour sélectionner des éléments en fonction du nom de l'élément.

Vous pouvez sélectionner tous les<p>éléments, comme suit :

$("p")

Lorsque l'utilisateur clique sur le bouton, le code jQuery suivant sélectionne et met en surbrillance tous les<p>Élément :

$("document").ready(function() {
　　$("button").click(function() {
　　　　$("p").css("background-color", "yellow");
　　});
});

#id sélecteur

jQuery #idLes sélecteurs utilisent les balises HTMLattribut idpour trouver un élément spécifique.

L'ID de l'élément doit être unique dans la page, donc le sélecteur ID est utilisé pour sélectionner un élément unique.

Pour trouver un élément avec un ID spécifique, écrivez un diamant (#) suivi de l'ID de l'élément HTML :

$("#demo")

Lorsque l'utilisateur clique sur le bouton, le code jQuery suivant sélectionne et met en surbrillance l'élément avec id="demo" :

$("document").ready(function() {
　　$("button").click(function() {
　　　　$("#demo").css("background-color", "yellow");
　　});
});

.class sélecteur

jQuery .classLe sélecteur recherche un élément avec un nom de classe spécifique.

Pour trouver un élément avec une classe spécifique, écrivez un point (.) suivi du nom de la classe :

$(".demo")

Lorsque l'utilisateur clique sur le bouton, le code jQuery suivant sélectionne et met en surbrillance tous les éléments de classe="demo" :

$("document").ready(function() {
　　$("button").click(function() {
　　　　$(".demo").css("background-color", "yellow");
　　});
});

Sélecteurs multiples

Vous pouvez choisir plusieurs sélecteurs selon vos besoins. Séparez les sélecteurs avec une virgule.

Sélecteurs multiples pour sélectionner tous les résultats de combinaison des sélecteurs spécifiés :

$("selector1, selector2, selectorN

Le code jQuery suivant sélectionne chaque<h2>，<div>et<span>Élément :

$("document").ready(function() {
　　$("h2, div, span").css("background-color", "lightgreen");
});

C'est utile lorsque vous voulez exécuter la même opération sur différents sélecteurs.

Exemple de sélecteur jQuery

jQuery提供了多种选择特定HTML元素的方法。

jQuery选择器参考

有关完整的选择器参考，请访问我们的jQuery选择器参考。