El inicio típico del código para utilizar jQuery es incluir la referencia a la biblioteca jQuery en tu HTML y luego comenzar tu script jQuery dentro de una etiqueta de script. Aquí tienes un ejemplo básico:
htmlCopiarEditar<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery Ejemplo</title>
<!-- Incluir la biblioteca jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- Contenido HTML -->
<script>
// Inicio de tu script jQuery
$(document).ready(function() {
// Tu código jQuery aquí
$("button").click(function() {
$("p").text("Hola, mundo!");
});
});
</script>
</body>
</html>
En este ejemplo, la función $(document).ready()
garantiza que el código jQuery dentro de ella no se ejecutará hasta que el documento HTML esté completamente cargado. Dentro de esta función, puedes escribir cualquier código jQuery que desees utilizar en tu página web. En este caso, se ha agregado un evento de clic a todos los botones (<button>
) que cambia el texto de todos los párrafos (<p>
) a «Hola, mundo!» cuando se hace clic en ellos.