Добавление различных эффектов

Дата публикации:Февраль 22, 2011
Добавление различных эффектов

Мы приступаем к изучению одного из самых интересных и увлекательных разделов. Библиотека jQuery включает в себя функции, ответственные за добавление различных визуальных эффектов: плавного появления и исчезновения, скольжения и перемещения элементов. Большинству из вас будет достаточно стандартных шорткатов jQuery, отвечающих за анимацию, однако мы также рассмотрим и функцию animate, позволяющую добиться индивидуальной визуализации сайта. Основная масса представленных функций позволяет задать в качестве своего аргумента функцию обратного вызова (callback), которая дает…

Читать далее...

Работа с функциями bind, unbind и объектом-событием

Дата публикации:Февраль 21, 2011
Работа с функциями bind, unbind и объектом-событием

Мы проведем лишь краткий обзор представленных функций, поскольку их применение оправдано в довольно редких ситуациях. В случае острой необходимости, дополнительную информацию по данным функциям всегда можно отыскать в специальной литературе, посвященной jQuery. Иногда вам понадобится получить более полный контроль над некоторыми событиями. Сделать это можно при помощи удобных функций bind() и unbind(). Вы можете передавать в них параметры, отвечающие за типы событий (click, mouseenter и др.), данные, а также обработчики…

Читать далее...

Обзор событий и эффектов jQuery

Дата публикации:Февраль 20, 2011
Обзор событий и эффектов jQuery

В предыдущих статьях мы научились работе с селекторами; теперь Вы можете захватывать любые элементы, управлять их атрибутами, устанавливать CSS правила. Основываясь на представленных примерах, вы, безусловно, придумали что-то свое, что хотелось бы реализовать в собственной теме. Однако не будем спешить с этим, ведь мы до сих пор не знакомы с событиями и эффектами. Работа с событиями в jQuery Существует множество событий, которые могут быть обработаны с помощью jQuery. Вы можете…

Читать далее...

Работа с DOM

Дата публикации:Февраль 19, 2011
Работа с DOM

С помощью jQuery вы можете перемещаться по дереву DOM и напрямую обрабатывать его объекты, вместо того чтобы работать с элементами, находящимися в обернутом наборе (помните: расположенные в массиве элементы больше не являются объектами DOM). Для того чтобы вести работу непосредственно с DOM, вы можете использовать несколько функций и свойств jQuery. Официальный сайт jQuery предлагает список, состоящий из 20, или даже 30 функций, которые вы можете использовать для перемещения по DOM,…

Читать далее...

Управление HTML-элементами, атрибутами и контентом

Дата публикации:Февраль 17, 2011
Управление HTML-элементами, атрибутами и контентом

С помощью функций jQuery вы можете работать с различными атрибутами определенных объектов (к примеру, изменять путь к изображениям, редактировать названия классов и идентификаторов и т.д.). .attr jQuery(«.post») .attr(); Получает значение атрибута у первого выбранного элемента. .removeAttr jQuery(«.post a») .removeAttr(«href»); Удаляет атрибут у каждого из выбранных элементов Управление элементами и контентом Раздел Управления в jQuery’s API довольно обширен, однако, опять же, мы затронем лишь некоторые из функций, которые, на мой взгляд,…

Читать далее...

Управление CSS и элементами DOM

Дата публикации:Февраль 16, 2011
Управление CSS и элементами DOM

В прошлых статьях мы рассмотрели, каким образом можно создать необходимые выборки. Теперь же мы перейдем к их управлению. Мы можем устанавливать и изменять стилевые правила CSS, а также работать непосредственно с элементами DOM. Начнем мы с управления CSS. Управление CSS Благодаря моим предыдущим примерам, вы уже знакомы с функцией css(). Данная функция используется для присвоения стандартных CSS правил, таких как background (фон), border(рамка) и т.д. Любое правило, существующее в CSS…

Читать далее...

Фильтры видимости jQuery

Дата публикации:Февраль 15, 2011
Фильтры видимости jQuery

Фильтры, связанные с видимостью элементов, используются более редко, нежели все остальные. Однако, поскольку они входят в стандартный API селекторов/фильтров, мы не можем оставить их без рассмотрения. Большую часть времени вы будете работать с видимыми элементами. Однако иногда можно столкнуться с необходимостью получения различных скрытых элементов (к примеру, скрытых полей формы). Чтобы осуществить это, вы можете использовать фильтр :hidden. Любые преобразования, которые вы будете производить над скрытыми элементами, останутся незамеченными для…

Читать далее...

Фильтры атрибутов jQuery

Дата публикации:Февраль 14, 2011
Фильтры атрибутов jQuery

Атрибуты – это дополнительные свойства HTML-тегов, несущие в себе некоторую функциональность. Вероятно, вы уже знакомы с такими полезными атрибутами как src (для элементов img и script), href (для элементов a), id, class, и т.д. Можно предположить, какие мощные возможности несут в себе фильтры атрибутов. В своих примерах я буду использовать атрибут class, поскольку он позволяет отлично проиллюстрировать действие того или иного фильтра. На практике же для работы с данным атрибутом…

Читать далее...

Фильтры форм jQuery

Дата публикации:Февраль 13, 2011
Фильтры форм jQuery

Также вы можете применять фильтры к некоторым типам элементов форм и некоторым типам событий для этих элементов. При помощи представленных фильтров вы сможете получить более полный контроль как над стандартными формами комментариев, так и над различными произвольными формами, в том числе сгенерированными плагинами. Позже в статьях мы увидим, как с помощью jQuery можно облегчить использование форм, а также усовершенствовать проверку правильности заполнения их полей. :input jQuery(«form:input»).css(«background», «#f60»); Заносит в выборку…

Читать далее...

Фильтры контента jQuery

Дата публикации:Февраль 11, 2011
Фильтры контента jQuery

Следующие фильтры, с которыми мы будем работать, это фильтры контента. Фильтры контента позволяют задать выборку, основываясь на различных типах элементов и информации. Самый полезный, на мой взгляд, фильтр контента, который я часто применяю в WordPress — это фильтр :has(). Я часто нуждаюсь в выборе элементов, которые что-либо включают в себя; к примеру, теги a, которые включают в себя изображения img, или теги p, включающие в себя пункты li, и т.д….

Читать далее...