Синтаксис jQuery
С jQuery Вы выбираете (запрашиваете) HTML элементы и выполняете "действия" с ними.
Синтаксис jQuery
Синтаксис jQuery адаптирован для того, чтобы выбирать элементы HTML и выполнять с элементами некоторое действие.
Основной синтаксис: $(селектор).действие()
$ - знак определения/обращения к jQuery
(селектор) служит, чтобы "выбрать (или найти)" элементы HTML
действие() jQuery - действие, которое надо выполнить с элементом (элементами)
Примеры:
$(this).hide() - скрывает текущий элемент.
$("p").hide() - скрывает все элементы <p>.
$(".test").hide() - скрывает все элементы с классом "test".
$("#test").hide() - скрывает элемент с идентификатором "test".
Вы знакомы с селекторами CSS?
jQuery использует синтаксис CSS, чтобы выбирать элементы. Вы узнаете больше о синтаксисе селекторов в следующей статье этой рубрики.
Событие Готовности Документа
Вы, возможно, заметили, что все jQuery методы в наших примерах находятся внутри события готовности документа:
// методы jQuery идут здесь...
});
Это сделано, дабы воспрепятствовать тому, чтобы любой код jQuery сработал прежде, чем документ будет загружен (готов).
Это - хорошая практика- дождаться полной загрузки документа, прежде, чем работать с ним. Это также позволяет Вам расположить свой код JavaScript перед телом Вашего документа в разделе head.
Вот некоторые примеры действий, которые могут перестать работать, если методы выполняются прежде, чем документ полностью загружается:
Попытка скрыть элемент, который еще не создан
Попытка получить размер изображения, которое еще не загружено
Подсказка: Команда jQuery также создала еще более короткий метод для события готовности документа:
// здесь идут методы jQuery...
});
Используйте синтаксис, который Вы предпочитаете. Мы думаем, что событие готовности документа легче понять, читая код.