JQuery
•Descargar como PPTX, PDF•
0 recomendaciones•677 vistas
JQuery es una librería de JavaScript que simplifica la manipulación del DOM y la gestión de eventos. Se puede usar descargando el archivo o importando desde un CDN de Google o Microsoft. JQuery utiliza selectores y métodos como $(selector).action() para ocultar, mostrar u otros efectos en elementos. Incluye eventos como click, focus, submit, mouseenter y mouseleave. El documento proporciona un ejemplo de cómo usar JQuery para ocultar elementos al hacer clic en botones, mostrar alertas al enfocar cajas de texto, ocultar elementos por ID y cambiar el fondo al
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Similar a JQuery
Similar a JQuery (20)
Más de Yesith Valencia
Más de Yesith Valencia (20)
Último
Último (20)
JQuery
- 2. JQuery Es una librería de Javascritp: Escribir menos, hacer más Usado por muchas empresas: Google, Microsoft, IBM, Netflix Hay 2 formas de usarlo:
- 3. 1. Descarga Sitio Oficial: https://jquery.com/download/ <head> <script src="jquery-3.2.1.min.js"></script> </head>
- 4. 2. Importar CDN Google: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min. js"></script> Microsoft: <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery- 3.2.1.min.js"></script>
- 5. Documento listo: $(document).ready(function(){ // Aqui van los metodos jQuery });
- 6. Sintaxis: $(selector).action(); Ejemplos: $(this).hide() – Oculta el elemento actual. $("p").hide() – oculta todos los elementos <p> $(".test").hide() – Oculta todos los elementos con class="test” $("#test").hide() – Oculta todos los elementos con id="test”
- 8. Eventos
- 10. Ejercicio 1: Introduccion a Jquery Cree una página html que tenga un formulario con elementos: (3) h1, (2) input y (2) imagen ; la cual lea o importe un script externo en el que realice lo siguiente con JQuery: Al dar clic en un botón oculte todos los elementos h1 Al poner el foco en una caja de texto alerte al usuario Al dar clic en otro botón oculte un elemento utilizando el id de dicho elemento Al enviar el formulario alerte al usuario Al mouseenter y al mouseleave de una imagen cambie el fondo de la pagina por cada evento