oujood.com

jQuery  Sélecteur de classe (.)

Le sélecteur (.) sélectionne les éléments avec une classe spécifique

chercher |

Définition et Usage sélecteur classe

Le sélecteur (.) sélectionne les éléments avec une classe spécifique.

La classe se réfère à l'attribut de classe d'un élément HTML.

À la différence de l'attribut id, l'attribut de classe est plus souvent utilisé sur plusieurs éléments.

Cela permet de définir un style particulier pour tous les éléments HTML avec la même classe.

Syntaxe

$(".class")

Exemple : Sélection des élément avec une classe

Code

  Copier le code

<!DOCTYPE html>
 <html lang="en">
 <head>
   <title>jQuery demo </title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
  $(".intro").css({border: '1px solid #ff0000',width:'200px', marginLeft: '100px'});
});
</script>
</head>
<body>
<h1>Ceci est un titre qui est dans un élément h</h1><br>
<p class="intro">Ceci est un paragrphe qui est dans un élément p 
avec la classe "intro"</p><br>
<p>Ceci est un paragrphe qui est dans un élément p sans classe</p><br>
<p>Ceci est un autre paragrphe qui est dans un élément p  sans
classe</p><br>
</body>
</html>
Paramètre Description
class Obligatoire. Spécifie la classe des éléments à sélectionner.
Le sélecteur de classe utilise l'attribut  class de l'élément HTML

Note : N'utilser pas de nombre comme nom de classe, Elle peut causer des problèmes dans certains navigateurs.




Par gerywa 25 juillet 2014

Voir aussi nos tutoriel :

fonction strspn, strspn

Trouve la longueur du premier segment d'une chaîne contenant tous les caractères d'un masque donnée

Balise datalist

Spécifie une liste de options prédéfinies pour les contrôles d'entrée

fonction sprintf

Retourne une chaîne format e