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 :

Balise script

Définit un script côté client

fonction printf, printf

Affiche une chaîne de caractères format e

fonction strrev, strrev

Inverse une chaîne