jQuery $(Documento).Listo es una herramienta imprescindible para todos aquellos desarrolladores web que desean mejorar la interactividad y eficiencia de sus sitios. Con esta biblioteca de JavaScript, podrás utilizar el poder de la programación para crear efectos visuales, animaciones y mucho más. En este artículo de TIEngranaje, descubre todo lo que necesitas saber sobre jQuery $(Documento).Listo y cómo puedes utilizarlo para perfeccionar tus proyectos en línea. ¡No te lo pierdas!
al trabajar con jQuery, es una buena idea esperar a que el documento se cargue por completo antes de ejecutar el código jQuery en la página. Una de las primeras cosas que debe aprender sobre jQuery es el evento ready. La mayor parte de su código jQuery estará contenido dentro de este manipulador.
Esto asegurará que el código jQuery no se ejecute hasta que el DOM está listo. Confirmará que cualquier elemento al que se acceda ya esté cargado y sea accesible, por lo que el script no devolverá ningún error relacionado con los elementos faltantes.
Además, también asegura que su código sea discreto. El evento listo ocurre cuando se ha cargado el DOM (modelo de objeto de documento) y la página se ha renderizado por completo (incluidas las imágenes).
Debido a que este evento ocurre después de que el documento está listo, generalmente se usa para tener todos los eventos y funciones de jQuery. El ready() El método solo se puede usar en el documento actual, por lo que no se requiere ningún selector. Se aceptan las siguientes sintaxis:
Sintaxis
$(document).ready(function)
$().ready(function)
$(function)| Parámetro | Descripción |
|---|---|
function |
Especifica la función que se ejecutará cuando se cargue el documento. |
Ejemplo HTML
Usaremos el siguiente código HTML para el ejemplo que se muestra a continuación.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.itgeared.com/jquery-document-ready-event/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// ... jQuery Code ...
});
</script>
</head>
<body>
<div id="div1"> <!-- Some Content --> </div>
</body>
</html>Ejemplo
El texto dentro del elemento span se actualiza cada vez que se hace clic en el icono del mouse.
<script type="text/javascript">
var a = 0;
$("img").click(function(){
$("span").text(++a)
});
</script> Error 403 The request cannot be completed because you have exceeded your quota. : quotaExceeded
