Con jQuery selecciona (consulta) elementos HTML y realizar "acciones" en ellos.
jQuery sintaxis
La sintaxis de jQuery está hecha a medida para laselección de los elementos HTML y realizar alguna acciónsobre el element(s) .
Sintaxis básica es: $(selector).action()
- A $ señal para definir / jQuery acceso
- Un(selector)para "consulta (o encontrar)" elementos HTML
- A jQuery action () que se realiza en el element(s)
Ejemplos:
$(this).hide() - oculta el elemento actual.
$("p").hide() - Pieles todos <p> elementos.
$(".test").hide() - oculta todos los elementos con class="test" .
$("#test").hide() - esconde el elemento con id="test" .
¿Está familiarizado con los selectores CSS?
jQuery utiliza la sintaxis CSS para seleccionar elementos. Usted aprenderá más sobre la sintaxis de selección en el siguiente capítulo de este tutorial.
El evento Documento Preparado
Usted puede haber notado que todos los métodos de jQuery en nuestros ejemplos, están dentro de un evento ready documento:
$(document).ready(function(){
// jQuery methods go here...
});
Esto es para evitar cualquier código jQuery se ejecute antes de que el documento haya terminado de cargarse (es listo).
Es una buena práctica que esperar a que el documento sea completamente cargados y listos antes de trabajar con él. Esto también le permite tener su código JavaScript antes de que el cuerpo del documento, en la sección de cabeza.
Estos son algunos ejemplos de acciones que pueden fallar si los métodos se ejecutan antes que el documento se ha cargado completamente:
- Tratando de ocultar un elemento que no se ha creado todavía
- Tratando de obtener el tamaño de una imagen que no está cargado todavía
Consejo: El equipo de jQuery también ha creado un método aún más corto para el evento ready documento:
$(function(){
// jQuery methods go here...
});
Utilice la sintaxis lo prefiere. Creemos que el evento ready documento es más fácil de entender cuando se lee el código.