Синтаксис jQuery
С помощью jQuery вы выбираете (запрашиваете) HTML-элементы и выполняете над ними «действия».
Синтаксис jQuery
Синтаксис jQuery создан специально для выбора элементов HTML и выполнения некоторых действий с элементами.
Основной синтаксис: $( селектор ). действие ()
- Знак $ для определения/доступа к jQuery
- A ( selector ) для «запроса (или поиска)» HTML-элементов
- Действие jQuery (), которое должно быть выполнено над элементом (элементами)
Примеры:
$(this).hide()
- скрывает текущий элемент.
$("p").hide()
- скрывает все элементы <p>.
$(".test").hide()
- скрывает все элементы с class="test".
$("#test").hide()
- скрывает элемент с id="test".
Вы знакомы с селекторами CSS?
jQuery использует синтаксис CSS для выбора элементов. Вы узнаете больше о синтаксисе селектора в следующей главе этого руководства.
Совет: если вы не знаете CSS, вы можете прочитать наш учебник по CSS .
Событие «Документ готов»
Вы могли заметить, что все методы jQuery в наших примерах находятся внутри события готовности документа:
$(document).ready(function(){
// jQuery methods go here...
});
Это делается для предотвращения запуска любого кода jQuery до того, как документ будет загружен (будет готов).
Хорошей практикой является дождаться полной загрузки и готовности документа, прежде чем работать с ним. Это также позволяет размещать код JavaScript перед телом документа, в разделе заголовка.
Вот несколько примеров действий, которые могут завершиться ошибкой, если методы запускаются до полной загрузки документа:
- Попытка скрыть элемент, который еще не создан
- Попытка получить размер изображения, которое еще не загружено
Совет: команда jQuery также создала еще более короткий метод для события готовности документа:
$(function(){
// jQuery methods go here...
});
Используйте синтаксис, который вы предпочитаете. Мы думаем, что событие готовности документа легче понять при чтении кода.