Presentamos un caso práctico para lanzar jQuery de forma que el script se encuentre en el head y que consigamos que se cargue el DOM completamente antes de que se comience a ejecutar el código jQuery y/o JavaScript.
https://repl.it/@valoro/Jquery-iniciar
HTML + jQuery
La expresión$(document).ready(fn); equivale a $(fn);.Esto supone que podríamos haber sustituido la sexta lína del código que dice:
$(document).ready(function(){
$(function(){
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
$("#myDiv").append("<br>Algún día volverán.");
});
});
</script>
</head>
<body>
<h2>El mago Houdini</h2>
<p>Me gustaría desaparecer.</p>
<p>Como lágrimas en la lluvia.</p>
<button>Pulsame y atente a las consecuencias</button>
<div id="myDiv"></div>
</body>
</html>
Ejercicio propuesto
Consulte estas entradas:
Cree un párrafo de texto en una página web que tengan la peculiaridad de que al pulsar con el ratón sobre él cambie de color la tinta con la que está escrito.
No hay comentarios:
Publicar un comentario