Définition et utilisation sélecteur [attribute]
jQuery cours tutorialLe sélecteur [attribut] sélectionne chaque élément avec l'attribut spécifié.
Le sélecteur [attribut] sélectionne les éléments qui ont l'attribut spécifié avec une valeur égale à une chaîne donnée ou départ
Syntaxe
$("[attribute ="valeur"]")
| Paramètre | Description |
|---|---|
| attribute | Obligatoire. Spécifie l'attribut à rechercher |
| valeur | Facultatif. Spécifie une valeur d'attribut. Si omis touts les éléments avec le paramètre attribute Seront sélectionnés. |
Exemple 1 : Sélectionner les éléments avec un id spécifié
Sélectionner le code
<!DOCTYPE html>
<html lang="fr">
<head>
<title>jQuery sélecteur attribut </title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a[hreflang|="en"]').css('border','2px solid green');
$('a[hreflang|="fr"]').css('border','2px solid #0000ff');
$('a[hreflang|="english"]').css("background-color","#ddaa00");
});
</script>
<style>
a { display: inline-block; margin:5px; padding: 5px;}
</style>
</head>
<body>
<a href="example.html" hreflang="fr">texte du lien
1</a>
<a href="example.html" hreflang="en">texte du lien
2</a>
<a href="example.html" hreflang="english">texte du lien
3</a>
</body>
</html>
Exemple 2 : Colorer les éléments avec un id quelconque
Sélectionner le code
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery éléments avec un id quelconque </title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("[id]").css("background-color","#22dd55");
});
</script>
</head>
<body>
<h1>Bien venu</h1>
<p class="intro">Voici un paragraphe sans id</p>
<p id="a1">Et voici un paragraphe avec un id</p>
<p>Un aure paragraphe sans id</p>
<div>Voici une liste avec un id:
<ol id="chose">
<li>élément de liste 1</li>
<li>élément de liste 2</li>
<li>élément de liste 3</li>
</ol>
</div>
</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
