Ajoute un style à la première ligne d'un texte
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
SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent
HTML5, CSS3, JavaScript
pour débutants Tome 1
Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.
Regarder aussi nos cours :
