Порой очень надоедает искать элементарные вещи в интернете, но пользоваться ими приходится часто. Так и в jQuery - есть основной перечень функций, методов, событий и свойств, которыми мы пользуемся часто, но запомнить их не можем.

Для решения этой проблемы я предлагаю Вам свою маленькую шпаргалку по jQuery с комментариями:

События, отслеживаемые браузером

• mouseover – наведение мыши на объект
• mouseout – увод мыши с объекта
• click – клик мышью по объекту
• dblclick – двойной клик мышью по объекту
• mousemove – перемещение курсора мыши
• mousedown – момент нажатия кнопки мыши
• mouseup – момент отпускания кнопки мыши
• submit – момент отправки формы обработчику
• focus – момент получения фокуса объектом (работает и для ссылок)
• blur – момент потери фокуса объектом (работает и для ссылок)
• change – изменение объекта формы
• reset – сброс формы
• keypress – нажатие клавиши на клавиатуре
• keydown – момент нажатия клавиши до момента отпускания
• keyup – момент отпускания клавиши
• load – полная загрузка страницы
• resize – изменение размеров окна браузера
• scroll – прокрутка страницы
• unload – уход со страницы

Методы jQuery

• remove() – удаляет элемент из DOM дерева, но позволяет сохранить его дальнейшего использования
• clone() – клонирует выбранный элемент
• get() – позволяет получить доступ к конкретному элементу в выборке
• size() – возвращает количество элементов в выборке
• each() – перебор каждого элемента выборки $(this) – текущий элемент при переборе
• append() – добавляем контент внутрь выбранного элемента после всего остального контента
• prepend() – добавляем контент внутрь выбранного элемента до всего остального контента
• after() -  добавляем контент после выбранного элемента
• before() – добавляем контент до выбранного элемента
• animate() – плавное изменение css свойств элемента (анимащия)
• css() – получить\изменить значение css свойств элемента
• removeAttr() – удаление атрибута
• attr() – получение или изменение значения атрибута
• slideDown() – появление элемента сверху вниз
• slideUp() – появление элемента снизу вверх
• fadeTo() – изменение прозрачности элемента до определенного значения
• fadeIn() – плавное появление
• fadeout() – плавное исчезновение
• html() – получение и изменение HTML кода
• width() – узнать\изменить значение ширины объекта
• height() – узнать\изменить значение высоты объекта
• snow() – показать элемент
• hide() – спрятать элемент
• text() – получение и изменение текста

Отбор элементов

• $(‘#table tr:even’); - фильтр четных
• $(‘#table tr:odd); - фильтр нечетных
• $(‘img:not(#id img’); - фильтр отрицания. Все кроме…
• $(‘div:has(fieldset)’); - фильтр по содержанию тэгов
• $(‘p:contains(текст)’); - фильтр по содержанию текста
• $(‘#id img:first’); - фильтр только первый элемент
• $(‘#id img:last); - фильтр только последний элемент
• $(‘div:hidden’); - фильтр невидимых элементов
• $(‘div:visibility’); - фильтр видимых элементов
• $(‘img[src*=text]’); - выборка по вхождению в значение атрибута
• $(‘img[src$=.jpg]’); - выборка по окончанию значения атрибута
• $(‘a[href^=http]’); - выборка по началу значения атрибута
• $(‘img[width=200]’); - выборка по точному значению атрибута
• $(‘#id > img’); - выбор дочерних тэгов
• $(‘#id + p’); - выборка следующего тэга
• $(‘#id img’); - выборка по вложенным селекторам
• $(‘.maindiv’); - выборка по названию класса
• $(‘#id’); - выборка по идентификатору элемента
• $(‘p’); - выборка по названию тэга

Создание выборок из элементов форм

• :input – выберет все элементы, которые влияют на ввод данных в форме
• :text – поля ввода, которые созданы как <input type=”text”..
• :password – поля ввода, которые созданы как <input type=”password”..
• :radio – поля ввода, которые созданы как <input type=”radio”..
• :checkbox – поля ввода, которые созданы как <input type=”checkbox”..
• :submit – поля ввода, которые созданы как <input type=”submit”..
• :image – поля ввода, которые созданы как <input type=”image”..
• :reset – поля ввода, которые созданы как <input type=”reset”..
• :button – поля ввода, которые созданы как <input type=”button”..
• :file – поля ввода, которые созданы как <input type=”file”..
• :hidden – поля ввода, которые созданы как <input type=”hidden”..
• :checked – отбирает отмеченные на данный момент поля checkbox и radio
• :selected – отбирает выбранный в текущий момент элемент списка

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

Методы:

• preventDefault() – предотвратить стандартное поведение объекта

Свойства:

• pageX – координата по X от края браузера
• pageY – координата по Y от края браузера
• screenX – координата по X от края экрана
• screenY – координата по Y от края экрана
• altKey – была ли нажата клавиша alt в момент наступления события
• ctrlKey – была ли нажата клавиша ctrl в момент наступления события
• shiftKey – была ли нажата клавиша shift в момент наступления события
• target – объект, отреагировавший на событие

События jQuery

• hover(function1, function2) – наведение и увод мыши с объекта в одном флаконе
• toggle(function1, function2) - переключатель