Методы событий jQuery

События мыши

click()
Привязать обработчик события, который будет запущен при щелчке элемента, или вызвать этот обработчик на элементе.
dblclick()
Привязать обработчик событий, который будет запущен при двойном щелчке элемента, или вызвать это событие для элемента.
hover()
Привязать один или два обработчика к выбранным элементам, которые будут выполняться, когда указатель мыши входит и покидает элементы.
mousedown()
Привязать обработчик событий, который будет запущен при нажатии кнопки мыши внутри элемента, или вызвать это событие на элементе.
mouseenter()
Свяжите обработчик события, который будет запущен, когда мышь входит в элемент, или вызовите этот обработчик на элементе.
mouseleave()
Свяжите обработчик события, который будет запущен, когда мышь покидает элемент, или запустите этот обработчик на элементе.
mousemove()
Привязать обработчик события, который будет запущен, когда указатель мыши перемещается внутри элемента, или вызвать это событие на элементе.
mouseout()
Привязать обработчик событий, который должен быть запущен, когда указатель мыши покидает элемент, или вызвать это событие на элементе.
mouseover()
Свяжите обработчик события, который будет запущен, когда указатель мыши входит в элемент, или вызовите это событие на элементе.
mouseup()
Привязать обработчик событий, который будет запущен при отпускании кнопки мыши внутри элемента, или вызвать это событие в элементе.
toggle()
Устаревшее в v1.8. Привязать два или более обработчиков к выбранным элементам, которые будут выполняться поочередно. Устаревший в пользу toggle()метода анимации.

События клавиатуры

keydown()
Привязать обработчик событий, который будет запущен при нажатии клавиши, когда элемент имеет фокус клавиатуры, или вызвать это событие на элементе.
keypress()
Привязать обработчик событий, который будет срабатывать при нажатии клавиши, когда элемент имеет фокус клавиатуры, или вызвать это событие на элементе.
keyup()
Привязать обработчик события, который будет запущен, когда клавиша отпущена, а элемент имеет фокус клавиатуры, или вызвать это событие на элементе.

События формы

blur()
Привязать обработчик события, который будет запущен, когда элемент теряет фокус клавиатуры, или вызвать это событие на элементе.
change()
Привязать обработчик событий, который будет запущен при изменении значения элемента, или вызвать это событие для элемента.
focus()
Привязать обработчик событий, который должен быть запущен, когда элемент получает фокус клавиатуры, или вызвать это событие на элементе.
focusin()
Привязать обработчик событий, который будет запущен, когда элемент или его потомок получат фокус клавиатуры.
focusout()
Привязать обработчик событий, который должен запускаться, когда элемент или его потомок теряет фокус клавиатуры.
select()
Привязать обработчик событий, который должен запускаться при выделении текста в элементе, или вызвать это событие для элемента.
submit()
Привязать обработчик событий, который будет запущен при отправке элемента формы, или вызвать это событие для элемента.

События документа / браузера

error()
Устаревшее в v1.8. Привязать обработчик событий к запуску, если элемент был загружен неправильно.
load()
Устаревшее в v1.8. Привязать обработчик событий, который будет запущен, когда элемент завершит загрузку. Устаревший в пользу load()метода Ajax .
ready()
Привязать обработчик событий для запуска, когда DOM полностью загружен.
resize()
Привязать обработчик событий, который будет запущен при изменении размера элемента, или вызвать это событие для элемента.
scroll()
Привязать обработчик событий, который будет запускаться при изменении позиции прокрутки окна или элемента, или вызвать это событие для элемента.
unload()
Устаревшее в v1.8. Привязать обработчик событий, который должен запускаться, когда пользователь уходит со страницы.

Приложение обработчика событий

bind()
Привязать обработчик события, который будет запущен, когда данный тип события отправляется элементу. В общем, используйте on()метод вместо.
delegate()
Привязать один или несколько обработчиков событий к запуску, когда данный тип события отправляется / отправляется селектору соответствия элемента-потомка.
jQuery.proxy()
Принимает существующую функцию и возвращает новую, которая всегда будет иметь определенный контекст.
on()
Присоединяет обработчики событий к выбранным элементам.
off()
Удаляет обработчики событий, которые были с on()методом.
one()
Присоединяет один или несколько обработчиков событий к выбранным элементам. Обработчик выполняется не более одного раза для каждого элемента.
trigger()
Выполнить все обработчики и поведения, связанные с выбранными элементами для данного типа события.
triggerHandler()
Выполнить все обработчики, прикрепленные к выбранным элементам для события.
unbind()
Удалить ранее прикрепленный обработчик событий из элементов.
undelegate()
Удаляет привязки обработчиков событий для элемента, который был ранее связан с delegate()методом.

Объекты события

event.currentTarget
Текущий элемент DOM в фазе всплытия событий.
event.data
Необязательный объект данных, передаваемый методу события, когда привязан текущий исполняющий обработчик.
event.delegateTarget
Возвращает элемент, к которому был прикреплен вызываемый в данный момент обработчик события jQuery.
event.isDefaultPrevented()
Возвращает, event.preventDefault()был ли когда-либо вызван для этого объекта события.
event.isImmediatePropagationStopped()
Возвращает, event.stopImmediatePropagation() был ли когда-либо вызван для этого объекта события.
event.isPropagationStopped()
Возвращает, event.stopPropagation() был ли когда-либо вызван для этого объекта события.
event.metaKey
Указывает, была ли нажата клавиша Windows или клавиша Command (на клавиатуре Mac) при возникновении события.
event.namespace
Возвращает пространство имен, указанное при запуске события.
event.pageX
Возвращает положение мыши относительно левого края документа.
event.pageY
Возвращает положение мыши относительно верхнего края документа.
event.preventDefault()
Если этот метод вызывается, действие по умолчанию для события не будет запущено.
event.relatedTarget
Возвращает другой элемент DOM, участвующий в событии, если таковой имеется.
event.result
Последнее или предыдущее значение, возвращаемое обработчиком события, которое было вызвано этим событием.
event.stopImmediatePropagation()
Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
event.stopPropagation()
Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
event.target
Returns the DOM element that triggered the event.
event.timeStamp
Returns difference in milliseconds between the time the event is triggered and January 1, 1970.
event.type
Returns the type of event that was triggered.
event.which
Indicates the specific key or button that was pressed for key or mouse events.

Основные селекторы

* = $("*")
Выбирает все элементы.
#id = $("#foo")
Выбирает все элементы с помощью id="foo".
.class = $(".bar")
Выбирает все элементы с помощью class="bar".
element = $("p")
Выбирает все <p>элементы.
selector1, selector2, selectorN = $("h1, p.bar, span")
Выбирает все <h1>и <span>, но только те <p>элементы, которые имеют class="bar".

Основные фильтры выбора

:first = $("p:first")
Выбирает первый <p>элемент.
:last = $("p:last")
Выбирает последний <p>элемент.
:even = $("tr:even")
Выбирает все четные <tr>элементы, проиндексированные нулями.
:odd = $("tr:odd")
Выбирает все нечетные <tr>элементы с нулевым индексом.
:eq() = $("tr:eq(1)")
Выберите 2-й <tr>элемент в соответствующем наборе, индекс начинается с нуля.
:not() = $("p:not(:empty)")
Выберите все <p>элементы, которые не являются пустыми.
:lt() = $("ul li:lt(3)")
Выберите все <li>элементы с индексом меньше трех в соответствующем наборе (т. Е. Выбирает 1-й, 2-й, 3-й элементы списка), индекс с нуля.
:gt() = $("ul li:gt(3)")
Выберите все <li>элементы с индексом больше трех в соответствующем наборе (т. Е. Выбирает 4-й, 5-й, ... элементы списка), индекс с нуля.
:header = $(":header")
Выбирает все элементы, заголовки, как <h1>, <h2>, <h3>и так далее.
:lang() = $(":lang(en)")
Выбирает все элементы, имеющие значение языка " en" lang="en", lang="en-us"т. Е. И т. Д.
:root = $(":root")
Выбирает корневой элемент документа, который всегда является <html>элементом в документе HTML.
:animated = $(":animated")
Выберите все элементы, которые анимируются во время запуска селектора.

Селекторы дочерних фильтров

:first-child = $("p:first-child")
Выбирает все <p>элементы, которые являются первыми дочерними элементами их родителей.
:last-child = $("p:last-child")
Выбирает все <p>элементы, которые являются последними дочерними элементами их родителя.
:nth-child(n) = $("p:nth-child(3)")
Выбирает все <p>элементы, которые являются третьим дочерним элементом их родителя.
:only-child = $("p:only-child")
Выбирает все <p>элементы, которые являются единственным потомком своего родителя.
:first-of-type = $("p:first-of-type")
Выбирает все <p>элементы, которые являются первым <p>элементом их родителя.
:last-of-type = $("p:last-of-type")
Выбирает все <p>элементы, которые являются последним <p>элементом их родителя.
:only-of-type = $("p:only-of-type")
Выбирает все <p>элементы, у которых нет братьев и сестер с одинаковым именем элемента.
:nth-last-child(n) = $("p:nth-last-child(3)")
Выбирает все <p>элементы, которые являются 3-мя дочерними по отношению к их родителям, начиная с последнего элемента до первого.
:nth-of-type(n) = $("p:nth-of-type(2)")
Выбирает все <p>элементы, которые являются вторым <p>элементом их родителя
:nth-last-of-type(n) = $("p:nth-last-of-type(2)")
Выбирает все <p>элементы, которые являются вторым дочерним элементом своего родителя, начиная с последнего элемента до первого.

Фильтры содержимого

:contains() = $('p:contains("Hello")')
Выбирает все <p>элементы, содержащие текст «Hello».
:empty = $("td:empty")
Выбирает все <td>элементы, которые являются пустыми, то есть не имеют дочерних элементов, включая текст.
:has() = $("p:has(img)")
Выбирает все <p>элементы, которые содержат хотя бы один <img>элемент.
:parent = $(":parent")
Выберите все элементы, у которых есть хотя бы один дочерний узел: элемент или текст.

Выбор форм

:input = $(":input")
Выбирает все элементы input, textarea, select и button (в основном выбирает все элементы управления формы).
:text = $(":text")
Выбирает все элементы ввода с помощью type="text".
:password = $(":password")
Выбирает все элементы ввода с помощью type="password".
:radio = $(":radio")
Выбирает все элементы ввода с помощью type="radio".
:checkbox = $(":checkbox")
Выбирает все элементы ввода с помощью type="checkbox".
:button = $(":button")
Выбирает все элементы ввода и кнопки с помощью type="button".
:submit = $(":submit")
Выбирает все элементы ввода и кнопки с помощью type="submit".
:reset = $(":reset")
Выбирает все элементы ввода и кнопки с помощью type="reset".
:image = $(":image")
Выбирает все элементы ввода с помощью type="image".
:file = $(":file")
Выбирает все элементы ввода с помощью type="file".
:enabled = $(":enabled")
Выбирает все элементы, которые включены.
:disabled = $(":disabled")
Выбирает все элементы, которые отключены.
:selected = $(":selected")
Выбирает все выбранные элементы, работает только для <option>элементов.
:checked = $(":checked")
Выбирает все элементы, которые отмечены или выбраны, работает для флажков, переключателей и выбора элементов.
:focus = $(":focus")
Выбирает элемент, если он в данный момент сфокусирован.

Селекторы атрибутов

[attribute] = $("[href]")
Выбирает все элементы с hrefатрибутом, с любым значением.
[attribute="value"] = $('a[target="_blank"]')
Выбирает все <a>элементы, которые имеют targetатрибут со значением, равным "_blank".
[attribute="value"] = $('a[target!="_blank"]')
Выбирает все <a>элементы, которые не имеют targetатрибута или не имеют значения "_blank".
[attribute$="value"] = $('img[src$=".png"]')
Выбирает все <img>элементы, имеющие srcатрибут со значением, заканчивающимся на ".png".
[attribute|="value"] = $('a[hreflang|="en"]')
Выбирает все <a>элементы, которые имеют hreflangатрибут со значением, равным "en"или начинающимся с "en"дефиса, например "en-US".
[attribute^="value"] = $('img[title^="Smiley"]')
Выбирает все <img>элементы, которые имеют titleатрибут, значение которого начинается именно со строки «Смайлик».
[attribute~="value"] = $('img[title~="Kites"]')
Выбирает все <img>элементы, имеющие titleатрибут со значением, содержащим слово «Воздушные змеи», разделенные пробелами.
[attribute*="value"] = $('input[name*="male"]')
Выбирает все <input>элементы, имеющие nameатрибут со значением, содержащим подстроку «мужской».

Селекторы иерархии

parent > child = $("ul > li")
Выбирает все <li>элементы, которые являются прямыми дочерними элементами их родительского <ul>элемента.
ancestor descendant = $("form label")
Выбирает все <label>элементы, которые являются потомками своего предка <form>элемента.
prev + next = $("h1 + p")
Выбирает все <p>элементы, которые являются следующими, т.е. непосредственно предшествующими <h1>элементам.
prev ~ siblings = $("h1 ~ p")
Выбирает все <p>элементы, которые являются братьями и сестрами и следовать за <h1>элементами.

Селекторы фильтра видимости

:hidden = $("p:hidden")
Выбирает все <p>элементы, которые скрыты.
:visible = $("p:visible")
Выбирает все <p>элементы, которые видны.