Índice

Añadir varios atributos HTML y sus valores

attr({propiedades})

Permite asignar un conjunto de pares atributo/valor a los elementos HTML seleccionados.

Las diferentes propiedades se separan por una coma.

$("img").attr({ src: "hat.gif", alt: "Logo jQuery!" }): asigna los atributos src y alt a las imágenes.

Este método devuelve un objeto jQuery.

Ejemplo

Pasamos de una imagen a otra simplemente haciendo clic en un enlace.

Ventana al cargar:

images/3_7_v41.png

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

images/3_7_v42.png

Las imágenes del ejemplo están disponibles en el espacio de descarga reservado a este libro.

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() 
        { 
            $("img").attr({ src: "panelsolar2.png", 
                alt: "Panel solar 2", 
                title: "Ecología" 
            }); 
        }); 
    }); 
</script> 
<style> 
    a { color: black;}  ...