jQuery sélecteur [attribute] Sélectionner les éléments qui ont un
attribut spécifié
Le 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. |
<!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>
<!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>
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENT