Создание сворачивающихся \ разворачивающихся записей в WordPress с помощью функций анимации jQuery

Отлично, мы с вами вплотную подошли к созданию нашего первого проекта. Несмотря на внешнюю простоту реализации, он потребует от нас использования практически всего изученного ранее материала. Мне всегда нравилась возможность WordPress <!–more->, которая позволяет получать «сжатые» варианты записей – так называемые цитаты (анонсы), выводимые на основной странице с записями. Ее удобство ни в коем случае мной не оспаривается. Я лишь хочу привести пример ситуации, в которой использование <!–more-> не позволяет…
Читать далее...Добавление различных эффектов

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

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

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

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

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

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

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

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

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

Комментарии