jQuery — это легкий, быстрый, очень удобный инструмент, которым должен владеть каждый Web-мастер.

Сидел над своим очередным проектом, в котором используется jQuery и подумал, что неразумно делать выборку одного и того же элемента несколько раз. Это требует много времени и ресурсов, поэтому лучше всего захешировать их. Для примера, если Вы в коде делаете несколько раз выборку элемента с id=send, то сделайте так:

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

Перед этой статьей было написано несколько примеров работы ajax. Во всех контент появлялся просто, без всяких украшательств. Но ведь красивее и удобнее, если контент появляется каким-то особым образом. Давайте посмотрим, как это можно сделать.

В это примере сайта на ajax использовалось достаточно javascript кода, но зато весь сайт работал на одном файле. Есть еще один способ подгрузки контента практически без javascript кода. В этой статье я приведу пример.

Перед этой статьей был написан пример сайта на ajax. Но там не разбирался javascript код, потому что я хочу разобрать его отдельной статьей.

До этой статьи на сайте был приведен пример работы ajax, но я не считаю его исчерпывающим, поэтому давайте попытаемся написать маленький сайтик из пары страниц, переход между которыми осуществлялся бы при помощи ajax.

Одной из моих любимых функций библиотеки jquery является возможность выполнения ajax-запросов. Сама библиотека делает почти все за нас, весь запрос состоит из всего одной функции..

При использовании AJAX, особенно совместно с MySQL, могут возникнуть проблемы с передачей русских букв между скриптами независимо от метода (GET или POST). Рассмотрим несколько способов решения этой проблемы.

Достаточно часто встает вопрос как выбрать тот или иной элемент в DOM’е, и данный пост будет сплошь посвящен селекторам в jQuery, возможно большинство из них Вы видели в различных источниках, но собрать их воедино все же стоит…

Представленный код демонстрирует простейший пример реализации галереи, без перезагрузки страницы.
Пример использования

Замечали на некоторых сайтах, при наведении на элемент появляется всплывающая подсказка? Данный пример демонстрирует как сделать всплывающую подсказку на любой элемент страницы.
Пример использования

Этот пример кода покажет как можно красиво и легко убирать и растворять элементы со страницы, используя jquery.
Смотрите пример

Элементы select (список-переключатель) обычно имеют два значения, к которым иногда нужно обратиться на стороне клиента. Это значение атрибута value соответствующего элемента option и его текстовое значение.

Данный код демонстрирует слайд-панель, реализованную следующим образом, по клику элемент , у нас будет переключаться её класс (между “active” и “btn-slide”), а панелька с id=”panel” будет выдвигаться/прятаться. (класс “active” изменяет позицию фона.

Библиотека jquery позволяет менять css-стили "на лету", как мы с Вами уже убедились. Что же из этого можно полезного извлечь, кроме изменения цвета ? Например достаточно красивый скрытие и показ объектов. Той же логин-панели. Рассмотрим как это реализовать..