Índice

Añadir un atributo HTML y su valor

attr(atributo, valor)

Asigna un par atributo/valor a todos los elementos HTML afectados.

$("#foto").attr("alt","parque eólico"): asigna al elemento identificado por #foto el atributo alt="parque eólico".

Este método devuelve un objeto jQuery.

También es posible añadir un atributo con la función

attr(nombre del atributo, función(índice, valor actual)

Donde:

  • función especifica una función que devuelve el nuevo valor del atributo.

  • índice (opcional) es la posición del índice del elemento seleccionado.

  • valor actual (opcional) es el valor actual o anterior del valor del atributo.

Ejemplo 1

$(’#foto’).attr(’alt’, function(i, val) { 
    return val + ’Vacaciones en Francia’ 
});

Ejemplo 2

Tras cargar la página:

images/3_6_v41.png

Al hacer clic en el botón, se mostrará una tabla de datos con una longitud más grande, para que sea más sencillo leerla.

images/3_6_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() 
    { 
        $("button").click(function() 
        { 
            $("table").attr("width","240px");  ...