Ejemplo
Devolver el ancho de un <div> elemento:
$("button").click(function(){
alert($("div").width());
});
Inténtalo tú mismo " Definición y Uso
Las width() conjuntos método o devuelve el ancho de los elementos seleccionados.
Cuando se utiliza este método para devolver ancho, devuelve el ancho del elemento emparejado PRIMERO.
Cuando se utiliza este método para establecer la anchura, se establece el ancho de todos los elementos coincidentes.
A medida que la imagen de abajo ilustra, este método no incluye el relleno, el borde o margen.
métodos relacionados:
- height() - Establece o devuelve la altura de un elemento
- innerWidth() - Devuelve el ancho de un elemento (incluye relleno)
- innerHeight() - Devuelve la altura de un elemento (incluye relleno)
- outerWidth() - Devuelve el ancho de un elemento (incluye el relleno y el borde).
- outerHeight() - Devuelve la altura de un elemento (incluye el relleno y el borde).
Sintaxis
Devolver la anchura:
$(selector).width()
Establecer el ancho:
$(selector).width(value)
Establecer el ancho utilizando una función:
$(selector).width(function(index,currentwidth))
| Parámetro | Descripción |
|---|---|
| value | Se requiere para el establecimiento de anchura. Especifica el ancho en píxeles, em, PT, etc. unidad por defecto es px |
| function(index,currentwidth) | Opcional. Especifica una función que devuelve el nuevo ancho de los elementos seleccionados
|
Inténtelo usted mismo - Ejemplos
Ajuste el ancho de un elemento
Cómo establecer el ancho de un elemento utilizando diferentes unidades.
Disminuir el ancho utilizando una función
Cómo utilizar una función para reducir el ancho de un elemento.
Volver la anchura de los elementos del documento y de la ventana
Cómo devolver el ancho actual de los elementos del documento y de la ventana.
Dimensiones de la pantalla con los métodos relacionados
Cómo utilizar width(), height(), innerHeight(), innerWidth(), outerWidth() y outerHeight() .
Diseño sensible que proporciona un width()
¿Cómo cambiar el color de fondo de la página en pantallas más pequeñas.