Вопрос к читателям блога
В последнее время у блога были не легкие времена, как видно по дате последнего поста - он был написан аж аж в феврале сего года. Причины тому разные, но пожалуй основной из них является отсутствие фидбека читателей. Вероятно это происходит потому, что изначально выбран неправильный формат блога - мне хотелось систематизировать основные справочные данные по jQuery, а потом уже переходить ко всяким плюшкам и блекджеку. Поэтому сейчас, чтобы возродить собственный, а возможно и зародить чей-то интерес к блогу, планируется произвести изменение формата вещания. В комментариях к этому топику хотелось бы услышать пожелания заинтересованных читателей.
Анимация. Ликбез, циклическая анимация
Среди огромного количества возможных направлений применения jQuery, одним из наиболее востребованных является реализация визуальных эффектов, а самым зрелищным эффектом является безусловно анимация. В этой статье мы познакомимся с основами анимации элементов средствами jQuery. После небольшого ликбеза мы попытаемся реализовать безостановочный автоскроллинг блока в попеременном направлении, а после внедрим реализованный эффект в какую-нибудь реальную задачу. Следует учитывать, что топик рассматривает лишь основы использования возможностей анимации, предоставляемых jQuery, для получения более детальной информации необходимо обратиться к первоисточнику по ссылке, указанной в конце топика. Итак, прошу под кат.
Селекторы jQuery. Справочник
Предыдущие статьи были посвящены блиц-знакомству со всеми существующими селекторами jQuery. Знать их все конечно нужно, но знание это придет с практикой, а до этого момента будет полезен краткий справочник - рабочий инструмент, при помощи которого можно в любой момент получить необходимую информацию о том или ином селекторе. В данной статье представлена таблица, в которой собрана эта информация. Текущий вид таблицы не окончательный, со временем она будет дополнена ссылками на примеры использования по каждому из селекторов.
Селекторы jQuery. Часть 4
Четвертая заключительная часть беглого знакомства с селекторами охватит одну из наиболее важных тем в client-side программировании - формы. Про формы и селекторы с ними связанные можно говорить очень много и долго. Формы являются основным средством коммуникации между пользователем и сайтом. Вся информация вводимая пользователем попадает в конечном счете в серверные скрипты через формы, элементы форм. Селекторы и фильтры форм можно разделить на 2 категории - это базовые фильтры форм или как их называют чаще - селекторы форм, второй категорией являются дополнительные фильтры форм, которые принято называть просто фильтрами форм. Итак, в этой статье мы рассмотрим: селекторы форм, фильтры форм и в качестве небольшого дополнения маленькую незатронутую тему - специальные символы в селекторах.
jQuery селектор классов
jQuery селектор классов относится к базовым селекторам jQuery. Класс - это один из самых распространенных атрибутов html-тегов. Селекторы основанные на селекторах классов являются достаточно производительным решением и в паре с селекторами идентификаторов покрывают подавляющее большинство повседневных задач.
jQuery cелектор идентификаторов
Одним из самых востребованных и наиболее часто используемых селекторов является jQuery селектор идентификаторов. Идентификатор элемента на странице - это уникальное имя элемента. Доступ к элементу по его идентификатору является наиболее эффективным и быстрым из всех возможных.
Селекторы jQuery. Часть 3
Это предпоследняя часть серии статей, посвященных теме селекторы jQuery. В этой части мы рассмотрим селекторы атрибутов и фильтры дочерних элементов. Селекторы атрибутов являются довольно востребованными селекторами, так как очень часто возникает необходимость выбрать элементы опираясь на значения их атрибутов. Например чтобы получить выбранный radiobutton пригодится селектор, проверяющий значение атрибута checked, или например нужно получить все элементы, которые имеют общий префикс идентификаторов - в этом случае поможет селектор атрибутов, проверяющий, что атрибут начинается с определенного значения. Фильтры дочерних элементов являются расширением базовых фильтров и позволяют получить дочерние элементы опираясь в основном селекторе на родителя. Наличие таких фильтров позволит писать html-документ в более простом виде, не перегружая элементы лишними атрибутами, а jQuery со своим огромным набором всевозможных селекторов и фильтров мгновенно выполнит всю оставшуюся работу. Итак, под катом мы приступаем к рассмотрению селекторов атрибутов и фильтров дочерних элементов.
Селекторы jQuery. Часть 2
В предыдущей статье мы начали знакомство с селекторами. Нами были рассмотрены основные типы селекторов к которым относятся базовые селекторы jQuery, селекторы классов, селекторы идентификаторов и селекторы иерархии. В большинстве случаев этих селекторов и их комбинаций бывает достаточно для обычных, типовых задач. Но со временем, с развитием проекта или же для реализации фич дизайна сайта бывает сложно обойтись базовым набором селекторов. В этих случаях на помощь приходят так называемые фильтры - расширенные наборы селекторов, которые помимо базовых характеристик элементов учитывают так же состояние их атрибутов, стилей, положение в документе, видимость и прочие свойства. Именно о фильтрах и пойдет речь в сегодняшней статье. Нами будут рассмотрены базовые фильтры, фильтры контента и фильтры видимости на странице.
Селекторы jQuery. Часть 1
Как было сказано в предыдущей статье Введение в jQuery, использовать jQuery можно двумя способами и один из них - функция $(). Функция $() в качестве своего единственного параметра принимает объект DOM-элемента или строку, содержащую в себе селекторы jQuery. На самом деле селекторы jQuery в большинстве своем повторяют синтаксис и поведение селекторов CSS, но набор используемых в jQuery селекторов несколько шире, а поведение некоторых отличается от аналогичных селекторов CSS. Поэтому, чтобы не допускать путаницы, используемый в jQuery набор селекторов мы будем называть селекторы jQuery. Именно о них и пойдет речь в этой статье.
Введение в jQuery
Предыдущий пост Что такое jQuery? Первое знакомство. Простой пример закончился приведением простого примера использования jQuery. На его основе и состоится наше введение в программирование с использованием jQuery. Для удобства повторю код и ссылки на исходники.
Код:
$( 'documet' ).ready( function(){ $( 'body>div' ).click( function(){ $( this ).css( { 'backgroundColor': '#' + Math.floor( Math.random() * ( 256 ) ).toString( 16 ) + Math.floor( Math.random() * ( 256 ) ).toString( 16 ) + Math.floor( Math.random() * ( 256 ) ).toString( 16 ) } ); } ); } );
Избранное Блога
Рубрики
- Общие сведения (3)
- Эффекты (1)
- Анимация (1)
- Ядро (7)
- Селекторы (7)
Реклама
Облако меток
Архив
- Май 2012 (1)
- Февраль 2012 (1)
- Январь 2012 (5)
- Декабрь 2011 (4)
Другое
Счетчики и информеры
