Índice

Conocer el valor de un atributo HTML

Este método jQuery corresponde a getAttribute() del JavaScript clásico.

attr(nombre del atributo)

Accede al valor del atributo HTML correspondiente.

Este método resulta muy útil para encontrar el valor de un atributo del elemento seleccionado, o del primer elemento seleccionado si hay varios. Si el elemento HTML no tiene el atributo con este nombre, se devuelve el valor undefined.

$("a").attr("title"): recupera el valor del atributo title del primer enlace <a> que se encuentra.

Este método devuelve un objeto jQuery.

Ejemplo

Tras la carga de la página:

images/3_5_v41.png

Al hacer clic en el botón, buscamos el estilo del elemento <span>JavaScript</span>. El resultado se mostrará en una caja <div> prevista para este efecto.

images/3_5_v42.png

El documento HTML completo:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $("button").click(function(){ 
            var style_css = $("span").attr("style"); 
            $("div").text(style_css); 
        }); 
    }); 
</script> 
<style> 
    div { 
        ...