Синтаксис jQuery

С помощью jQuery вы можете выбирать (запрашивать, query) HTML элементы и выполнять над ними "операции" (actions).

Пример синтаксиса jQuery

$(this).hide()
Демонстрация функции hide() jQuery, скрытие текущего HTML элемента
$("#test").hide()
Демонстрация функции hide() jQuery, скрытие элементов с id="test"
$("p").hide()
Демонстрация функции hide() jQuery, скрытие всех элементов <p>
$(".test").hide()
Демонстрация функции hide() jQuery, скрытие всех элементов с class="test"

Синтаксис jQuery

Синтаксис jQuery предназначен для выбора HTML элементов и выполнения над ними某些 операций.

Основной синтаксис:$(selector).action()

  • Долларовый символ определяет jQuery
  • Селектор (selector) "запрос" и "поиск" HTML элементов
  • Функция action() jQuery выполняет операции над элементами

Пример

$(this).hide() - скрытие текущего элемента

$("p").hide() - скрытие всех абзацев

$(".test").hide() - скрытие всех элементов с class="test"

$("#test").hide() - скрытие всех элементов с id="test"

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

Функция document ready

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

$(document).ready(function(){
  // jQuery функции здесь
});

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

Если функция выполняется до полного загрузки документа, операция может失败. Вот два конкретных примера:

  • Попытка скрыть элемент, который не существует
  • Получение размера не полностью загруженного изображения