Sintaxis de jQuery

La gramática de jQuery se realiza mediante el uso de elementos HTMLselectorrealizadas, y realiza algunas operaciones en el elementooperaciones.

Gramática básica de jQuery:

$(selector).action()

• $ simbol define jQuery

• (selector) se utiliza para buscar elementos HTML

• action() se utiliza para realizar operaciones en el elemento

Ejemplo:

$("this").hide()：se utiliza para ocultar el elemento actual

$("p").hide()：se utiliza para ocultar todos<p>elemento

$(".para").hide()：se utiliza para ocultar todos los elementos con class="para"

$("#para").hide()：se utiliza para ocultar el elemento con id="para"

jQuery utiliza la sintaxis de CSS para seleccionar elementos. En el próximo capítulo, aprenderá más sobre los selectores jQuery.

Evento de documento listo

Usted puede haber notado que todos los métodos jQuery en nuestro ejemplo están en el evento document.ready:

$(document).ready(function() {}}
　　//　Métodos de jQuery (se ejecutan cuando el DOM está listo)
　　
　　});

Esto es para evitar que se ejecute cualquier código jQuery antes de que el documento se haya cargado.

La forma correcta es esperar a que el documento esté completamente cargado y listo antes de usarlo.

Esto también le permite obtener código JavaScript en la parte superior del cuerpo del documento.

Si ejecuta métodos antes de que el documento esté completamente cargado, aquí hay algunos ejemplos de operaciones fallidas:

• Intente seleccionar un elemento no creado

• Intente obtener el tamaño de una imagen no cargada

jQuery también proporciona un método más corto para el evento document.ready:

$(function() {
　　//　Métodos de jQuery, con el mismo efecto que la escritura anterior
　　});

Es más fácil entender el código en $(document).ready().

Nota:Este $(document).ready() es un evento, que se utiliza para manipular de manera segura la página con jQuery (el código en este evento solo se ejecuta después de que el DOM esté listo).