Селекторы
Базовые
#id
Ищет элемент страницы с заданным идентификатором.
.class
Ищет элементы страницы, принадлежащие заданному классу.
tagName
Ищет элементы страницы по имени тега.
Взаимодействия
first, second, ...
Ищет элементы страницы, которые удовлетворяют хотя бы одному из селекторов first, second, ...
outer inner
Ищет элементы, удовлетворяющие селектору inner, внутри элементов, удовлетворяющих outer.
parent > child
Ищет элементы, удовлетворяющие селектору child, которые при этом являются прямыми потомками элементов, удовлетворяющих parent.
prev + next
Ищет элементы, удовлетворяющие селектору next, которые следуют непосредственно за элементами, удовлетворяющими prev.
prev ~ next
Ищет элементы, удовлетворяющие селектору next, которые следуют за элементами, удовлетворяющими prev.
Селекторы по атрибутам
[name]
Ищет элементы, содержащие атрибут name
[name = value]
Ищет элементы, у которых значение атрибута name совпадает с value.
[name != value]
Ищет элементы, у которых значение атрибута name не совпадает с value.
[name ^= value]
Ищет элементы, у которых значение атрибута name начинается с value.
[name $= value]
Ищет элементы, у которых значение атрибута name заканчивается на value.
[name *= value]
Ищет элементы, у которых значение атрибута name содержит подстроку value.
[name ~= value]
Ищет элементы, у которых значение атрибута name содержит слово value.
[name |= value]
Ищет элементы, у которых значение атрибута name имеют префикс value (равен value или имеет вид: "value-*").
[first][second][...
Ищет элементы, соответствующие всем заданным условиям на атрибуты одновременно.
Простые фильтры
:first
Оставляет первый из найденных элементов.
:last
Оставляет последний найденных элементов.
:not(selector)
Исключает из найденных элементов те, которые удовлетворяют селектору selector.
:even
Оставляет только четные найденные элементы.
:odd
Оставляет только нечетные найденные элементы.
:gt(n)
Оставляет только те найденные элементы, чей индекс превосходит n.
:lt(n)
Оставляет только те найденные элементы, чей индекс не превосходит n.
:header
Оставляет только те найденные элементы, которые являются заголовками (с тегами h1, h2 и.т.д.).
:animated
Оставляет те найденные элементы, которые в данный момент задействованы в анимации.
Фильтры по содержимому
:contains(text)
Оставляет те найденные элементы, которые содержат заданный текст.
:empty
Оставляет те найденные элементы, у которых нет содержимого (текста и других элементов).
:has(selector)
Оставляет те найденные элементы, которые содержат внутри хотя бы один элемент, удовлетворяющий селектору selector.
:parent
Оставляет непустые элементы из всех найденных.
Фильтры дочерних элементов
:first-child
Оставляет те найденные элементы, которые расположены первыми в своих родительских элементах.
:last-child
Оставляет те найденные элементы, которые расположены последними в своих родительских элементах.
:nth-child(conditions)
Оставляет те найденные элементы, которые расположены определенным образом в родительских элементах (четные, нечетные, идущие под заданным номером).
:only-child
Оставляет те найденные элементы, которые являются единственными потомками в своих родительских элементах.
Фильтры элементов форм
:input
Оставляет только те найденные элементы, которые являются элементами формы (с тегами input, textarea или button).
:button
Оставляет только те найденные элементы, которые являются кнопками (с тегом button или типом button).
:radio
Оставляет только те найденные элементы, которые являются флажками.
:text
Оставляет только те найденные элементы, которые являются текстовыми полями.
:password
Оставляет только те найденные элементы, которые являются полями ввода пароля.
:file
Оставляет только те найденные элементы, которые являются полями загрузки файлов.
:submit
Оставляет только те найденные элементы, которые являются кнопками отправки формы.
:reset
Оставляет только те найденные элементы, которые являются кнопками очистки формы.
:image
Оставляет только те найденные элементы, которые являются изображениями для отправки формы (input типа image).
:selected
Оставляет найденные элементы со статусом selected. Это могут быть элементы типа <option>.
:checked
Оставляет найденные элементы со статусом checked. Это могут быть элементы типа <checkbox> или <radio>.
:enabled
Из всех выбранных элементов, оставляет только активные элементы формы (со статусом enabled).
:disabled
Из всех выбранных элементов, оставляет только неактивные элементы формы (со статусом disabled).
События
Базовые
.bind()
Устанавливает обработчик события на выбранные элементы страницы.
.live()
Устанавливает обработчик события на выбранные элементы страницы. Обработчик сработает и на элементах, появившихся после его установки.
.delegate()
Устанавливает обработчик события на выбранные элементы страницы. Элементы выбираются с помощью уточняющего селектора. Обработчик будет действовать и на элементах, появившихся после его установки.
.one()
Устанавливает обработчик события на выбранные элементы страницы, который сработает только по одному разу, на каждом из элементов.
.unbind()
Удаляет обработчик событий у выбранных элементов страницы.
.die()
Удаляет обработчик событий, который был установлен с помощью live().
.undelegate()
Удаляет обработчик событий, который был установлен с помощью delegate().
.trigger()
Выполняет указанное событие и запускает его обработчик.
.triggerHandler()
Запускает обработчик указанного события, без выполнения самого события.
jQuery.proxy()
По заданной функции, создает другую, внутри которой переменная this будет равна заданному значению.
event
Объект, содержащий данные о текущем событии. Передается всем обработчикам событий.
Мышь
.click()
Устанавливает обработчик "клика" мышью по элементу, либо, запускает это событие.
.dblclick()
Устанавливает обработчик двойного "клика" мышью по элементу, либо, запускает это событие.
.hover()
Устанавливает обработчик двух событий: появления/исчезновения курсора над элементом.
.mousedown()
Устанавливает обработчик нажатия кнопки мыши, либо, запускает это событие.
.mouseup()
Устанавливает обработчик поднятия кнопки мыши, либо, запускает это событие.
.mouseenter()
Устанавливает обработчик появления курсора в области элемента, либо, запускает это событие. Появление этого события, отработано лучше, чем стандартного mouseover.
.mouseleave()
Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие. Появление этого события, отработано лучше, чем стандартного mouseout.
.mousemove()
Устанавливает обработчик движения курсора в области элемента, либо, запускает это событие.
.mouseout()
Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие.
.mouseover()
Устанавливает обработчик появления курсора в области элемента, либо, запускает это событие.
.toggle()
Поочередно выполняет одну из двух или более заданных функций, в ответ на "клик" по элементу.
Клавиатура
.keydown()
Устанавливает обработчик перехода клавиши клавиатуры в нажатое состояние, либо, запускает это событие.
.keyup()
Устанавливает обработчик возвращение клавиши клавиатуры в ненажатое состояние, либо, запускает это событие.
.keypress()
Устанавливает обработчик ввода символа с клавиатуры, либо, запускает это событие.
Элементы формы
.focus()
Устанавливает обработчик получения фокуса, либо, запускает это событие.
.blur()
Устанавливает обработчик потери фокуса, либо, запускает это событие.
.focusin()
Устанавливает обработчик получения фокуса самим элементом или одним из его дочерних.
.focusout()
Устанавливает обработчик получения фокуса самим элементом или одним из его дочерних.
.select()
Устанавливает обработчик выделения текста, либо, запускает это событие.
.submit()
Устанавливает обработчик отправки формы, либо, запускает это событие.
.change()
Устанавливает обработчик изменения элемента формы, либо, запускает это событие.
Загрузка страницы
.ready()
Устанавливает обработчик готовности дерева DOM.
.load()
Устанавливает обработчик завершения загрузки элемента.
.unload()
Устанавливает обработчик ухода со страницы (при переходе по ссылке, закрытии браузера и.т.д.).
События браузера
.error()
Устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере).
.resize()
Устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие.
.scroll()
Устанавливает обработчик "прокрутки" элементов документа, либо, запускает это событие.
Эффекты
Управление анимацией
.animate()
Выполняет анимацию, которая была создана пользователем.
.queue()
Предоставляет/изменяет (в зависимости от параметров) очередь функций.
.dequeue()
Начинает выполнение следующей функции в очереди.
.stop()
Останавливает выполнение текущей анимации.
.delay()
Приостанавливает выполнение следующих анимаций на заданное время.
.toggle()
Поочередно выполняет вызов одной из нескольких заданных функций.
Готовые анимации
.hide()
Скрывает элементы на странице (за счет плавного изменения его размера и прозрачности).
.show()
Показывает элементы на странице (за счет плавного изменения его размера и прозрачности).
.slideUp()
Сворачивает элементы на странице (за счет плавного изменения высоты элементов).
.slideDown()
Разворачивает элементы на странице (за счет плавного изменения высоты элементов)
.slideToggle()
Поочередно разворачивает/сворачивает элементы на странице, как это делают .slideUp() и .slideDown().
.fadeIn()
Скрывает элементы на странице за счет плавного изменения прозрачности.
.fadeOut()
Показывает элементы на странице за счет плавного изменения прозрачности.
.fadeTo()
Плавно изменяет прозрачность элементов.
.fadeToggle()
Поочередно скрывает/показывает элементы на странице, как это делают .fadeIn() и .fadeOut().
Манипуляции
Атрибуты
.attr()
Позволяет получать и изменять значение атрибутов у элементов страницы
.addClass()
Добавляет класс(ы) выбранным элементам страницы
.toggleClass()
Изменяет наличие класса у выбранных элементов страницы на противоположное (добавляет/удаляет)
.hasClass()
Проверяет наличие заданного класса хотя бы у одного из выбранных элементов
.val()
Позволяет получать и изменять значение атрибута value у элементов страницы
Стили и параметры
.css()
Позволяет получать и изменять css-значения у элементов страницы
.height()
Позволяет получать и изменять значения высоты элемента (без учета отступов и толщины рамки)
.outerHeight()
Позволяет получить значения высоты элемента (с учетом внутренних отступов, рамки (border-width) и при необходимости внешних отступов (margin))
.innerHeight()
Позволяет получить значения высоты элемента (с учетом размера внутренних отступов (padding))
.width()
Позволяет получать и изменять значения ширины элемента (без учета отступов и толщины рамки)
.outerWidth()
Позволяет получить значения ширины элемента (с учетом внутренних отступов, рамки (border-width) и при необходимости внешних отступов (margin))
.innerWidth()
Позволяет получить значения ширины элемента (с учетом размера внутренних отступов (padding))
.offset()
Позволяет получать и изменять позицию элемента, относительно начала страницы
.position()
Позволяет получать и изменять позицию элемента, относительно ближайшего родственника
.offsetParent()
Возвращает ближайшего предка c позиционированием, отличным от static (позиционирование по умолчанию)
.scrollTop()
Позволяет получать и изменять значения вертикальной прокрутки элементов на странице
.scrollLeft()
Позволяет получать и изменять значения горизонтальной прокрутки элементов на странице
Клонирование элементов
.clone()
Делает копию выбранных элементов страницы..
Добавление содержимого
.html()
Позволяет получать и изменять html-содержимое выбранных элементов на странице
.text()
Позволяет получать и изменять текст внутри выбранных элементов на странице
.append()
Добавляет заданное содержимое в конец элементов на странице
.appendTo()
Добавляет заданное содержимое в конец элементов на странице
.prepend()
Добавляет заданное содержимое в начало элементов на странице
.prependTo()
Добавляет заданное содержимое в начало элементов на странице
.after()
Добавляет заданное содержимое после выбранных элементов на странице
.insertAfter()
Добавляет заданное содержимое после выбранных элементов на странице
.before()
Добавляет заданное содержимое перед выбранными элементами на странице
.insertBefore()
Добавляет заданное содержимое перед выбранными элементами на странице
.wrap()
Окружает элементы на странице заданными html-элементами
.wrapAll()
Окружает элементы на странице заданными html-элементами
.wrapInner()
Окружает содержимое выбранных элементов заданными html-элементами
Удаление содержимого
.remove()
Удаляет выбранные элементы на странице.
.detach()
Удаляет выбранные элементы на странице. Удаленные элементы могут быть восстановлены.
.empty()
Удаляет содержимое элементов на странице.
.unwrap()
Удаляет родительские элементы, при этом их содержимое остается на месте.
Замена элементов
.replaceWith()
Заменяет одни элементы страницы на другие (новые или уже существующие).
.replaceAll()
Заменяет одни элементы страницы на другие (новые или уже существующие).
Остальное
Функции ядра
jQuery() или $()
Создает объект jQuery, который содержит список выбранных элементов и имеет массу методов, для работы с этими элементами.
$.noConflict()
Освобождает переменную $, чтобы избежать конфликтов имен.
Работа с данными
.data()
Устанавливает/возвращяет пользовательские переменные выбранным элементам страницы.
.removeData()
Удаляет пользовательские переменные у выбранных элементов.
Элементы набора
.get()
Возвращяет DOM-элементы, хранящиеся в объекте jQuery.
.toArray()
Возвращяет все DOM-элементы, хранящиеся в объекте jQuery, в виде массива.
.index()
Возвращяет индекс заданного элемента в наборе.
.size()
Возвращяет количество выбранных элементов.
Свойства
$.browser
Информация об используемом браузере (перед использованием этого свойства попробуйте найти интересующую вас особенность в свойстве support, эта информация будет более надежна).
$.support
Особенности используемого браузера.
$.fx.off
Отменяет выполнение всех анимаций.
.context
Контекст, заданный в методе $() (jQuery()).
.selector
Селектор, заданный в методе $() (jQuery()).
Ajax
Запросы к серверу
$.get()
Производит запрос к серверу методом GET.
$.post()
Производит запрос к серверу методом POST.
.load()
Производит запрос HTML-данных у сервера и помещает их в выбранные элементы страницы.
$.getJSON()
Производит запрос JSON-данных у сервера методом GET
$.getScript()
Производит запрос файла javascript методом GET, а затем выполняет код из полученного файла.
Низкоуровневые запросы
$.ajax()
Производит асинхронный ajax-запрос с установленными параметрами.
$.ajaxSetup()
Устанавливает параметры для ajax-запроса, которые будут использоваться по умолчанию.
Ajax-события
.ajaxSend()
Устанавливает пользовательскую функцию, которая будет вызвана при отправке ajax-запроса.
.ajaxComplete()
Устанавливает пользовательскую функцию, которая будет вызвана при завершении ajax-запроса.
.ajaxSuccess()
Устанавливает пользовательскую функцию, которая будет вызвана при удачном завершении ajax-запроса.
.ajaxError()
Устанавливает пользовательскую функцию, которая будет вызвана при неудачном завершении ajax-запроса.
.ajaxStart()
Устанавливает пользовательскую функцию, которая будет вызвана перед выполнением первого ajax-запроса.
.ajaxStop()
Устанавливает пользовательскую функцию, которая будет вызвана после выполнения всех запущенных ajax-запросов.
Вспомогательные функции
$.param()
Преобразует массив объектов в строку, пригодную для использования в URL.
.serialize()
Преобразует данные формы в строку, пригодную для использования в URL.
.serializeArray()
Преобразует данные формы в массив объектов вида {name:"name", value:"val"}
Работа с набором элементов
Перемещения по DOM
.children()
Находит все дочерние элементы у выбранных элементов. При необходимости, можно указать селектор для фильтрации.
.closest()
Находит ближайший, соответствующий заданному селектору элемент, из числа следующих: сам выбранный элемент, его родитель, его прародитель, и так далее, до начало дерева DOM.
.find()
Находит элементы по заданному селектору, внутри выбранных элементов.
.next()
Находит элементы, которые лежат '''непосредственно''' после каждого из выбранных элементов.
.nextAll()
Находит элементы, которые лежат после каждого из выбранных элементов.
.nextUntil()
Находит элементы, которые лежат после каждого из выбранных, но не дальше элемента, удовлетворяющего заданному селектору.
.offsetParent()
Находит ближайшего предка c позиционированием, отличным от static (позиционирование по умолчанию).
.parent()
Находит родительские элементы у всех выбранных элементов.
.parents()
Находит всех предков у выбранных элементов, т.е. не только прямых родителей, но и прародителей, прапрародителей и так далее, до начало дерева DOM.
.parentsUntil()
Находит предков, как и .parents(), но прекращает поиск перед элементом, удовлетворяющим заданному селектору.
.prev()
Находит элементы, которые лежат '''непосредственно''' перед каждым из выбранных элементов.
.prevAll()
Находит элементы, которые лежат перед каждым из выбранных элементов.
.prevUntil()
Находит элементы, которые лежат перед каждым из выбранных, но не дальше элемента, соответствующего заданному селектору.
.siblings()
Находит все соседние элементы (под соседними понимаются элементы с общим родителем).
Обход набора
.each()
Вызывает заданную функцию для каждого элемента набора.
.map()
Вызывает заданную функцию для каждого элемента набора, и в итоге создает новый набор, составленный из значений, возвращенных этой функцией.
Фильтрация набора
.eq()
Находит элемент, идущий под заданным номером в наборе выбранных элементов.
.filter()
Фильтрует набор выбранных элементов с помощью заданного селектора или функции.
.first()
Находит первый элемент в наборе.
.has()
Фильтрует набор выбранных элементов, оставляя те, которые имеют потомков, соответствующих селектору.
.is()
Проверяет, содержится ли в наборе, хотя бы один элемент удовлетворяющий заданному селектору.
.last()
Находит последний элемент в наборе.
.not()
Находит элементы, не соответствующие заданным условиям.
.slice()
Находит элементы с индексами из определенной области (например от 0 до 5).
Другие методы
.add()
Добавляет заданные элементы в набор.
.andSelf()
Добавляет элементы из предыдущего набора, к текущему (речь идет об одной цепочке методов).
.contents()
Находит все дочерние элементы у выбранных элементов. В результат, помимо элементов, включается и текст.
.end()
Возвращает предыдущий набор элементов в текущей цепочке методов.