¿Cómo obtener el ancho y alto de una ventana con JQUERY?

Una de las principales pautas para diseñar una página web es conocer el modelo de caja; Esté nos explica cómo funcionan las dimensiones en los elementos HTML.

En ocasiones necesitamos conocer las medidas de otros elementos HTML a fin de compararlos y/o asignarlo las dimensiones con otros elementos. Para ello, podemos auxiliarnos con algunos métodos de JQUERY que nos permitirá de forma sencilla conocer las dimensiones (ancho y alto) en pixeles de una ventana o de otro elemento HTML.

En el siguiente ejemplo podemos comprobar el tamaño de la ventana restaurando, aumentando o reduciendo las dimensiones de la ventana.

    $(document).ready(function($){
      var ventana_ancho = $(window).width();
      var ventana_alto = $(window).height();
      alert(ventana_ancho);
      alert(ventana_alto);
    });

Para más información, visitar el sitio web oficial de JQUERY que mostrara de forma más detalla los metodos expuestos:

Jquery .width()

Jquery .height()