En este artículo, veremos cómo ejecutar un código cuando se carga una página usando jQuery. Para ejecutar un código en el momento de la carga de la página, usaremos el método ready(). Este método ayuda a cargar toda la página y luego ejecutar el resto del código. Este método especifica la función a ejecutar cuando el DOM está completamente cargado.
Sintaxis:
$(document).ready(function)
Parámetros: este método acepta la función de parámetro único que es obligatoria. Se utiliza para especificar la función que se ejecutará después de cargar el documento.
Valor devuelto: este método devuelve el documento después de realizar el método ready().
Ejemplo:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to run a code on document
ready event in jQuery?
</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>
$(document).ready(function () {
$("body").css("text-align", "center");
$("h1").css("color", "green");
$("p").css("font-size", "14px");
$("p").css("font-weight", "bold");
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to run a code on document
ready event in jQuery?
</h3>
<p>GeeksforGeeks: A computer science portal</p>
</body>
</html>
Producción:
