Définition et utilisation sélecteur d’élément
Le sélecteur d'élément sélectionne les éléments avec le nom de la balise spécifié.
Le nom de la balise est le texte entre les <et> des balises HTML.
Syntaxe
$("tagname")
| Paramètre | Descriptif |
|---|---|
| tagname | Requis. Spécifie le nom de la balise des éléments à sélectionner. |
Exemple : Sélection de tous les éléments p
Sélectionner le code
<!DOCTYPE html>
<html lang="fr">
<head>
<title>jQuery le selecteur élément </title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("p").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>
<p class="intro">Ceci est un paragrphe qui est dans un élément p avec la classe
"intro"</p>
<p>Ceci est un paragrphe qui est dans un élément p sans classe</p>
<p>Ceci est un autre paragrphe qui est dans un élément p sans classe</p>
</body>
</html>
Sélection de plusieurs éléments avec les sélecteurs correspondant
On peut sélectionner plusieurs élément en même temps
Syntaxe
$ ("h1, li,. p")
Exemple :
Sélectionner le code
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery demo </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p,li,h1").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>
<p class="intro">Ceci est un paragrphe qui est dans un élément p avec la classe
"intro"</p>
<ul>
</ul>
<li>Ceci est un élément de liste</li>
<li>Ceci est autre élément de liste</li>
<li>Ceci est autre élément de liste</li>
</body>
</html>
Par gerywa 25 juillet 2014
La méthode secrète likes sans fin sur Facebook
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENTGRÂCE À FACEBOOK
N'A JAMAIS ÉTÉ SI FACILE
Consulter
