Синтаксис jQuery

С jQuery Вы выбираете (запрашиваете) HTML элементы и выполняете "действия" с ними.

Синтаксис jQuery

Синтаксис jQuery адаптирован для того, чтобы выбирать элементы HTML и выполнять с элементами некоторое действие.

Основной синтаксис: $(селектор).действие()

• $ - знак определения/обращения к jQuery

• (селектор) служит, чтобы "выбрать (или найти)" элементы HTML

• действие() jQuery - действие, которое надо выполнить с элементом (элементами)

Примеры:

$(this).hide() - скрывает текущий элемент.

$("p").hide() - скрывает все элементы <p>.

$(".test").hide() - скрывает все элементы с классом "test".

$("#test").hide() - скрывает элемент с идентификатором "test".

Вы знакомы с селекторами CSS?

jQuery использует синтаксис CSS, чтобы выбирать элементы. Вы узнаете больше о синтаксисе селекторов в следующей статье этой рубрики.

Событие Готовности Документа

Вы, возможно, заметили, что все jQuery методы в наших примерах находятся внутри события готовности документа:

$(document).ready(function(){

   // методы jQuery идут здесь...

});

Это сделано, дабы воспрепятствовать тому, чтобы любой код jQuery сработал прежде, чем документ будет загружен (готов).

Это - хорошая практика- дождаться полной загрузки документа, прежде, чем работать с ним. Это также позволяет Вам расположить свой код JavaScript перед телом Вашего документа в разделе head.

Вот некоторые примеры действий, которые могут перестать работать, если методы выполняются прежде, чем документ полностью загружается:

• Попытка скрыть элемент, который еще не создан

• Попытка получить размер изображения, которое еще не загружено

Подсказка: Команда jQuery также создала еще более короткий метод для события готовности документа:

$(function(){

   // здесь идут методы jQuery...

});

Используйте синтаксис, который Вы предпочитаете. Мы думаем, что событие готовности документа легче понять, читая код.

Далее: Анимация jQuery