Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Jquery: к старту готов!

.

Итак, что же может делать jQuery? Наверное, правильнее спросить, чего не может! jQuery становится чем-то вроде волшебной палочки для людей, которые не могут или не хотят писать длинные подробные сценарии на JavaScript. В этой короткой главе, которая должна лишь привить вам интерес к jQuery, я могу только приоткрыть все ее возможности.

Если говорить совсем просто, задача jQuery — дать указания браузеру:

найти элемент(ы) на странице;

выполнить с ними какие-то действия.

Он делает все это, используя тот же самый синтаксис для нахождения элементов, что и CSS для их оформления. Это можно увидеть в табл. 10.1.

Таблица 10.1. Примеры простой и эффективной функциональности jQuery

Как правило, подобные действия становятся результатом каких-то других действий — например, если посетитель страницы щелкает на ссылке, водит указателем мыши над каким-то элементом или нажимает кнопку. Таким образом, синтаксис усложняется, по-прежнему оставаясь легко читаемым и удобным для восприятия.

Рассмотрим еще пару примеров в табл. 10.2.

Таблица 10.2. Выражения с продвинутыми функциями jQuery

Есть много способов инициировать ключевой момент действия. В Javascript такие точки срабатывания называются событиями (events). Вот какие события можно использовать в jQuery:

. mouseover () — указатель мыши наведен на текущий элемент;

. mouseout() — указатель мыши выведен за пределы текущего элемента;

. cl ick() — щелчок кнопкой мыши на элементе;

. focus () — фокус ввода на элементе (например, в поле или области ввода);

. submit() — отправка данных формы.

Действия, которые они могут вызвать, гораздо разнообразнее, и я привел здесь самые распространенные (связанные с визуальными эффектами):

. hide() — скрыть;

. show() — показать;

. fade ()- увеличить яркость элемента;

. fadeOut () — уменьшить яркость элемента;

. fadeTo() — уменьшить яркость элемента на заданную величину;

. slideUp() — изменить высоту элементов, создавая эффект скольжения вверх;

. slideDown() — изменить высоту элементов, создавая эффект скольжения вниз.

Подробное описание каждой функции заняло бы целую книгу, которая, к счастью, уже существует:jQuery: Novice to Ninja. Если вы заинтересовались теми возможностями, которые сулит jQuery и которые вы увидите дальше в примере с учебным сайтом (а кое-что мы уже обсудили), то прочитайте эту книгу. Она проведет вас сквозь тернии jQuery и научит многим полезным вещам. Текущая глава призвана лишь подогреть ваш интерес!

.

Читайте так же:
Not found