El método ready() es un método incorporado en jQuery que 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().
El siguiente ejemplo ilustra el método ready() en jQuery:
Ejemplo:
<!DOCTYpe html> <html> <head> <title>The ready 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> $(document).ready(function(){ $("button").click(function(){ $("p").css("color", "green"); $("p").css("font-size", "40px"); $("p").css("font-weight","bold") }); }); </script> <style> div { text-align:center; width: 60%; min-height: 100px; padding: 10px; border: 2px solid green; } </style> </head> <body> <div> <p>Welcome to</p> <p>GeeksforGeeks!</p> <!-- click on this button --> <button>Click Here!</button> </div> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA