Les filtres d’attribut

Les attributs sont nombreux dans le langage HTML. Citons title, alt, src, href, style, etc.

Dans certaines documentations disponibles sur le Web, vous êtes susceptibles de retrouver la notation [@attr] relative aux filtres d’attribut. Cette notation a été retirée depuis la version jQuery 1.3. Il suffit simplement de retirer le signe @ des sélecteurs pour la rendre compatible avec les spécifications récentes. 

1. L’attribut

$("[attribut]")

Sélectionne les éléments dotés de l’attribut spécifié.

$("div[id]") : sélectionne les éléments <div> qui ont un attribut id.

Exemple

Retrouvons les éléments de liste <li> avec l’attribut class.

images/C02-029.png

<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $("li[class]").css("border", "1px solid black"); 
    }); 
</script> 
<style> 
    li { 
        width: 150px; 
        margin-top: 10px; 
    } 
    .italique { 
   ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les filtres de visibilité
Suivant
Les sélecteurs et filtres de formulaires