Índice

Algunas aplicaciones

1. Añadir un pie de página y los enlaces de regreso

Vamos a añadir, con algunas líneas de jQuery, un pie de página y los enlaces de regreso hacia la parte superior de la página.

El archivo HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
</head> 
<body> 
<h2>Título de la página</h2> 
<div id="contenido"> 
    <p> Lorem ipsum dolor sit amet...</p> 
    <p>Praesent commodo cursus...</p> 
    <p>Maecenas sed diam eget...</p> 
    <p>Donec ullamcorper nulla...</p> 
</div> 
</body> 
</html>

En este estado, los pies de página y los enlaces de regreso no aparecen en el archivo HTML.

Aquí tiene el aspecto inicial:

images/8_9_1_v41.png

Añadimos el código jQuery.

<script> 
    $(document).ready(function(){ 
        $(’<a id="top" name="top"></a>’).prependTo(’body’); 
        $("p").after("<a href=’#top’>Inicio de página</a>"); 
        $("#contenido").after("<div id=’foot’><i>Notas de pie de 
página</i></div>");  ...