El método resize() es un método incorporado en jQuery que se utiliza cuando la ventana del navegador cambia de tamaño.
Sintaxis:
$(selector).resize(function)
Parámetro: este método acepta la función de parámetro único que es opcional. Se utiliza para especificar la función que se ejecutará cuando se llame al evento de cambio de tamaño.
Valor devuelto: este método devuelve el elemento seleccionado con aumentos de tamaño.
El siguiente ejemplo ilustra el método resize() en jQuery:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>The resize method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<!-- jQuery code to show the working of this method -->
<script>
x = 0;
$(document).ready(function() {
$(window).resize(function() {
$("p").text(x += 1);
});
});
</script>
<style>
div {
width: 150px;
height: 100px;
padding: 20px;
border: 2px solid green;
font-size: 20px;
}
</style>
</head>
<body>
<div>
<!-- press "ctrl" and "+" key together
and see the effect -->
Welcome to GfG!
<br>
<p>0</p>
times.
</div>
</body>
</html>
Salida:
antes de hacer clic en cualquier cosa. 
Después de hacer clic 2 veces en las teclas «ctrl» y «+» juntas en el teclado.
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA