Cómo cambiar la altura DIV en jQuery

Escrito por matthew weeks | Traducido por martín emiliano vergé
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cambiar la altura DIV en jQuery
Puedes cambiar la altura de un contenedor DIV en una página web utilizando el operador .css() de jQuery. (Stockbyte/Stockbyte/Getty Images)

jQuery es una biblioteca JavaScript de acceso libre diseñada para ejecutar scripts en el lado del cliente que manipulan los elementos de un documento en un explorador web. Puedes usarlo para crear animaciones, manejar eventos, seleccionar objetos y ejecutar funciones Ajax en ellos y manipular los estilos CSS de un elemento. Estas habilidades hacen de la tarea de cambiar la altura de un contenedor DIV en tu página web un proceso extremadamente simple.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre la página web con el contenedor DIV cuya altura desees cambiar en tu editor de texto favorito.

  2. 2

    Inserta el siguiente código en la sección <head> del documento:

    <script src="http://code.jquery.com/jquery-latest.js"></script>

  3. 3

    Inserta el siguiente código bajo la etiqueta de cierre del contenedor DIV cuya altura desees cambiar.

    <script> $("#box").one( "click", function () { $( this ).css( "height","+=200" ); }); </script>

    Substituye el valor id de tu contenedor DIV por "box", la cantidad de píxeles por la cual deses incrementarlo por "200" y el signo menos por el signo más si deseas disminuir la altura en vez de incrementarla.

  4. 4

    Guarda y publica tu página web. La altura de tu contenedor DIV ahora cambiará a la cantidad especificada al hacerle clic.

No dejes de ver

Referencias

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles