Índice

Los filtros de atributo

Los atributos son numerosos en HTML. Por ejemplo, title, alt, src, href, style, etc.

En alguna documentación disponible en la Web puede encontrar la notación [@attr] relativa a los filtros de atributo. Esta notación ya no existe desde la versión jQuery 1.3. Basta con eliminar el signo @ de los selectores para que el script sea compatible con las especificaciones más recientes.

1. El atributo

$("[atributo]")

Selecciona los elementos que tienen el atributo especificado.

$("div[id]"): selecciona los elementos <div> que tienen un atributo id.

Ejemplo

Buscamos los elementos de lista <li> con el atributo class.

images/2_8_1_v4.png
<!doctype html> 
<html lang="es"> 
<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; 
    } 
    .cursiva { 
        font-style: italic; 
    } 
</style> 
</head> 
<body> 
<ul> 
    <li class="cursiva">Item ...