Método width() de Operaciones CSS de jQuery
Ejemplo
Establecer el ancho del elemento <p>:
$(".btn1").click(function(){
$("p").width(200);
});
Definición y uso
El método width() devuelve o establece el ancho del elemento coincidente.
Devolver el ancho
Devolver el ancho del primer elemento coincidente.
Si no se establece parámetros para este método, se devuelve el ancho del elemento coincidente en píxeles.
Sintaxis
$(selector).width()
Establecer el ancho
Establecer el ancho de todos los elementos coincidentes.
Sintaxis
$(selector).width(length)
| Parámetros | Descripción |
|---|---|
| length |
Opcional. Especificar el ancho del elemento. Si no se especifica la unidad de longitud, se utiliza la unidad predeterminada px. |
Usar una función para establecer el ancho
Usar una función para establecer el ancho de todos los elementos coincidentes.
Sintaxis
$(selector).width(function(index,oldwidth))
| Parámetros | Descripción |
|---|---|
| function(index,oldwidth) |
Especificar la función que devuelve el nuevo ancho del elemento seleccionado.
|
Más ejemplos
- Obtener el ancho del elemento document y window
- Obtener el ancho actual del elemento document y window utilizando el método width()
- Establecer el ancho utilizando valores en em y %
- Establecer el ancho del elemento utilizando la unidad de longitud especificada.
