Грамматика jQuery

Синтаксис jQuery достигается с помощью HTML элементовВыборщикивыполняемые, и элементу выполняются некоторыеОперации.

Основной синтаксис jQuery:

$(selector).action()

• $ символ определяет jQuery

• (selector) используется для поиска HTML элементов

• action() используется для выполнения операций над элементом

Пример:

$(this).hide() — используется для скрытия текущего элемента

$("p").hide() — используется для скрытия всех<p>Элемент

$(".para").hide() — используется для скрытия всех элементов с классом="para"

$("#para").hide() — используется для скрытия элемента с id="para"

jQuery использует синтаксис CSS для выбора элементов. В следующей главе вы узнаете больше о jQuery селекторах.

Событие readiness документа

Вы, возможно, уже заметили, что все методы jQuery в наших примерах вызываются в событии document.ready:

$(document).ready(function(){
　　// jQuery метод (выполнение при готовности DOM)
　　
　　});

Это делается для предотвращения выполнения любого кода jQuery до завершения загрузки документа.

Правильным методом является ожидание полного загрузки и готовности документа, а затем использование его.

Это также позволяет вам получить JavaScript-код в начале тела документа.

Если метод вызывается до того, как документ полностью загружен, вот несколько примеров失败的 операций:

• Попробуйте выбрать элемент, который еще не создан

• Попробуйте получить размер не загруженной изображения

jQuery также предоставляет более короткий метод для события document.ready:

$(function(){
　　// jQuery метод, имеет такой же эффект, как и вышеуказанный
　　});

Удобнее читать код в $(document).ready().

Внимание:Это $(document).ready() - это событие, которое используется для безопасной манипуляции с страницей с помощью jQuery (код в этом событии выполняется только после того, как DOM готов).