jQuery Синтаксис
С помощью jQuery вы выбираете (запрашиваете) элементы HTML и выполняете "действия" на них.
jQuery Синтаксис
Синтаксис jQuery адаптирован для выбора элементов HTML и выполнения некоторых действий с элементом(ами).
Базовый синтаксис: $(selector).action()
- Символ $ для определения/доступа к jQuery
- (selector) для "запроса (или поиска)" HTML элементов
- jQuery action() выполняемый над элементом(ами)
Примеры:
$(this).hide() - скрывает текущий элемент.
$("p").hide() - скрывает все <p> элементы.
$(".test").hide() - скрывает все элементы с class="test".
$("#test").hide() - скрывает элемент с id="test".
Вы знакомы с селекторами CSS?
jQuery использует синтаксис CSS для выбора элементов. Вы узнаете больше о синтаксисе селектора в следующей главе этого учебника.
Совет: Если вы не знаете CSS, вы можете изучить CSS Учебник на нашем сайте W3Schools на русском.
Событие готовности документа
Вы могли заметить, что все методы jQuery в наших примерах находятся внутри события готовности документа:
$(document).ready(function(){
// jQuery методы идут здесь...
});
Это сделано для предотвращения запуска любого кода jQuery до того, как документ будет загружен (готов).
Перед работой с ним рекомендуется дождаться полной загрузки и готовности документа. Это также позволяет размещать код JavaScript перед body документа в разделе head.
Вот несколько примеров действий, которые могут завершиться ошибкой, если методы запускаются до полной загрузки документа:
- Попытка скрыть ещё не созданный элемент
- Попытка получить размер изображения, которое ещё не загружено
Примечание: Команда jQuery также создала ещё более короткий метод для события готовности документа:
$(function(){
// jQuery методы идут здесь...
});
Используйте тот синтаксис, который вам больше нравится. Мы думаем, что событие готовности документа легче понять при чтении кода.
