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