English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Sélecteur de classe .class jQuery

Sélecteurs jQuer

du  .class   Le sélecteur sélectionne tous les éléments portant la classe spécifiée.

C'est déclaré avant une ou plusieurs caractères d'une chaîne de caractères par un point (.).

L'attribut class est utilisé pour appliquer un style spécifique à plusieurs éléments HTML.

Les éléments HTML peuvent également faire référence à plusieurs classes (voir l'exemple ci-dessous).

Attention :Ne commencez pas le nom de la classe attribut par un chiffre. Cela peut entraîner des problèmes d'exception dans certains navigateurs.

Syntaxe :

$(".class")

Exemple

Sélectionnez tous les éléments avec la classe "demo":

$(document).ready(function(){
  $(".demo").css("background-color", "yellow");
});
Vérifiez le test‹/›

Sélectionnez tous les éléments <p> avec la classe "demo":

$(document).ready(function(){
  $("p.demo").css("background-color", "yellow");
});
Vérifiez le test‹/›

Sélectionnez tous les éléments ayant plusieurs classes "myclass" et "otherclass":

$(document).ready(function(){
  $(".myclass.otherclass").css("background-color", "yellow");
});
Vérifiez le test‹/›

Valeur du paramètre

ParamètresDescription
classSpécifiez le nom de la classe de l'élément à sélectionner

Sélecteurs jQuer