jQuery Syntax
С помощью jQuery вы выбираете HTML-элементы (Query) и выполняете на них «действия».
Синтаксис JQuery
Синтаксис JQuery разработан специально для выбора элементов HTML и выполнения некоторых действий над элементами.
Базовый синтаксис: $ (селектор). действие()
- Знак $ для определения/доступа к jQuery
- A (селектор) для «запроса (или поиска)» HTML-элементов
- действиеjQuery (), выполняемое над элементом (ами)
Примеры:
$ (this). Hide ()-скрывает текущий элемент.
$ ("p"). Hide ()-скрывает все <p> элементы.
$ (". Test"). Hide ()-скрывает все элементы с классом = "Test".
$ ("#test"). Hide ()-скрывает элемент с ID = "Test".
Знакомы ли вы с селекторами CSS?
jQuery использует синтаксис CSS для выбора элементов. Вы узнаете больше о синтаксисе селектора в следующей главе этого руководства.
Событие готовности документа
Возможно, вы заметили, что все методы jQuery в наших примерах находятся внутри события готовности документа:
$(document).ready(function(){
// jQuery methods go here...
});
Это необходимо для предотвращения выполнения любого кода jQuery до завершения загрузки документа (готов).
Рекомендуется подождать, пока документ будет полностью загружен и готов к работе. Это также позволяет вам иметь ваш код JavaScript перед телом вашего документа, в разделе head.
Ниже приведены некоторые примеры действий, которые могут привести к сбою, если методы выполняются до полной загрузки документа:
- Попытка скрыть элемент, который еще не создан
- Попытка получить размер изображения, которое еще не загружено
Совет: Команда jQuery также создала еще более короткий метод для события готовности документа:
$(function(){
// jQuery methods go here...
});
Используйте синтаксис, который вы предпочитаете. Мы думаем, что при чтении кода проще понять событие ready документа.
