Latest web development tutorials

jQuery obtenir et définir la classe CSS

En jQuery, il peut facilement fonctionner sur des éléments CSS.

opération jQuery CSS

jQuery a plusieurs modes de fonctionnement de CSS. Nous allons apprendre ce qui suit:

  • addClass () - Ajouter une ou plusieurs catégories à l'élément sélectionné
  • removeClass () - Supprime un ou plusieurs éléments choisis dans la classe
  • toggleClass () - pour l'élément sélectionné dans la liste Ajout / Suppression opération de commutation de classe
  • css () - Définit ou retourne les attributs de style

Des exemples de feuilles de style

La feuille suivante sera utilisée pour tous les exemples sur cette page:

.important
{
font-weight:bold;
font-size:xx-large;
}

.blue
{
color:blue;
}

méthode jQuery addClass ()

L'exemple suivant montre comment ajouter un attribut de classe pour les différents éléments. Bien sûr, lorsque vous ajoutez une classe, vous pouvez également sélectionner plusieurs éléments:

Exemples

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});

Essayez »

Vous pouvez également spécifier dans addClass () dans plusieurs catégories:

Exemples

$("button").click(function(){
$("#div1").addClass("important blue");
});

Essayez »

méthode jQuery removeClass ()

L'exemple suivant montre comment supprimer la classe spécifiée attribuer différents éléments:

Exemples

$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});

Essayez »

méthode jQuery toggleClass ()

L'exemple suivant montre comment utiliser la méthode jQuery toggleClass (). La méthode des opérations éléments sélectionnés Ajouter commutation / Suppression de classe:

Exemples

$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

Essayez »

méthode jQuery css ()

Nous allons expliquer jQuery css () dans le chapitre suivant.