Índice

Eliminar un atributo HTML

removeAttr(nombre del atributo)

Elimina un atributo de los elementos HTML afectados.

$("#div1").removeAttr("disabled"): elimina el atributo disabled del elemento identificado por div1.

Este método devuelve un objeto jQuery.

Ejemplo

Eliminamos el atributo de estilo de la capa para que la lectura sea más sencilla.

Al cargar:

images/3_8_v41.png

Aspecto obtenido después de hacer clic en el enlace:

images/3_8_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() 
    { 
        $("a").click(function() 
        { 
            $("div").removeAttr("style"); 
        }); 
    }); 
</script> 
</head> 
<body> 
<p><a href="#">Sin estilo CSS</a></p> 
<div style="background-color: #9cf; border: 2px solid black; 
color: white; font-weight: bold;">Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Sed non risus. Suspendisse lectus 
tortor, dignissim sit amet, adipiscing nec, ultricies sed, 
dolor.</div> 
</body> 
</html>

El archivo a descargar es el C03-8.html.

El script jQuery:

$(document).ready(function(){  ...