js:jquery
Различия
Показаны различия между двумя версиями страницы.
| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия | ||
| js:jquery [2022/07/05 23:00] – [События браузера] so_v_a | js:jquery [2026/09/01 10:38] (текущий) – so_v_a | ||
|---|---|---|---|
| Строка 1: | Строка 1: | ||
| + | < | ||
| + | |||
| # Краткий справочник по jQuery | # Краткий справочник по jQuery | ||
| Строка 4: | Строка 6: | ||
| | Название | Описание | | | Название | Описание | | ||
| + | |: | ||
| |.attr() |возвращает/ | |.attr() |возвращает/ | ||
| |.removeAttr() |удаляет атрибут у элементов на странице | | |.removeAttr() |удаляет атрибут у элементов на странице | | ||
| Строка 16: | Строка 19: | ||
| | Название | Описание | | | Название | Описание | | ||
| + | |: | ||
| |.css() |Возвращает/ | |.css() |Возвращает/ | ||
| |.height() |Возвращает/ | |.height() |Возвращает/ | ||
| Строка 34: | Строка 38: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |" | |" | ||
| |" | |" | ||
| Строка 45: | Строка 50: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |" | |" | ||
| |" | |" | ||
| Строка 55: | Строка 61: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |' | |' | ||
| |' | |' | ||
| Строка 73: | Строка 80: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |": | |": | ||
| |": | |": | ||
| Строка 92: | Строка 100: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |': | |': | ||
| |': | |': | ||
| Строка 103: | Строка 112: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |': | |': | ||
| |': | |': | ||
| Строка 117: | Строка 127: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |': | |': | ||
| |': | |': | ||
| Строка 138: | Строка 149: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |.attr()|возвращает/ | |.attr()|возвращает/ | ||
| |.removeAttr()|удаляет атрибут у элементов на странице| | |.removeAttr()|удаляет атрибут у элементов на странице| | ||
| Строка 151: | Строка 163: | ||
| |Название|Описание| | |Название|Описание| | ||
| + | |: | ||
| |.css()|Возвращает/ | |.css()|Возвращает/ | ||
| |.height()|Возвращает/ | |.height()|Возвращает/ | ||
| Строка 167: | Строка 180: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.html() |Возвращает/ | |.html() |Возвращает/ | ||
| |.text() |Возвращает/ | |.text() |Возвращает/ | ||
| Строка 184: | Строка 198: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.detach() |Удаляет элементы на странице| | |.detach() |Удаляет элементы на странице| | ||
| |.remove()| --- | | |.remove()| --- | | ||
| Строка 192: | Строка 207: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.replaceWith()|Заменяет одни элементы страницы на другие (новые или уже существующие).| | |.replaceWith()|Заменяет одни элементы страницы на другие (новые или уже существующие).| | ||
| |.replaceAll()| --- | | |.replaceAll()| --- | | ||
| Строка 198: | Строка 214: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.clone( ) |Возвращает копию выбранных элементов страницы.| | |.clone( ) |Возвращает копию выбранных элементов страницы.| | ||
| Строка 205: | Строка 222: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.children() |Находит все дочерние элементы у выбранных элементов. При необходимости, | |.children() |Находит все дочерние элементы у выбранных элементов. При необходимости, | ||
| |.closest() |Находит ближайший, | |.closest() |Находит ближайший, | ||
| Строка 223: | Строка 241: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.eq() |Возвращает элемент, | |.eq() |Возвращает элемент, | ||
| |.filter() |Фильтрует набор выбранных элементов с помощью заданного селектора или функции.| | |.filter() |Фильтрует набор выбранных элементов с помощью заданного селектора или функции.| | ||
| Строка 235: | Строка 254: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.each() |Вызывает заданную функцию для каждого элемента набора.| | |.each() |Вызывает заданную функцию для каждого элемента набора.| | ||
| |.map() |Вызывает заданную функцию для каждого элемента набора, | |.map() |Вызывает заданную функцию для каждого элемента набора, | ||
| Строка 241: | Строка 261: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.add() |Добавляет заданные элементы в набор.| | |.add() |Добавляет заданные элементы в набор.| | ||
| |.andSelf() |Добавляет элементы из предыдущего набора, | |.andSelf() |Добавляет элементы из предыдущего набора, | ||
| Строка 251: | Строка 272: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.data() |Устанавливает/ | |.data() |Устанавливает/ | ||
| |.removeData() |Удаляет пользовательские переменные у выбранных элементов.| | |.removeData() |Удаляет пользовательские переменные у выбранных элементов.| | ||
| Строка 258: | Строка 280: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.get() | |.get() | ||
| |.toArray() |Возвращяет все DOM-элементы, | |.toArray() |Возвращяет все DOM-элементы, | ||
| Строка 268: | Строка 291: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |$.browser |Информация об используемом браузере (перед использованием этого свойства попробуйте найти интересующую вас особенность в свойстве support, эта информация будет более надежна).| | |$.browser |Информация об используемом браузере (перед использованием этого свойства попробуйте найти интересующую вас особенность в свойстве support, эта информация будет более надежна).| | ||
| |$.support |Особенности используемого браузера.| | |$.support |Особенности используемого браузера.| | ||
| Строка 280: | Строка 304: | ||
| ### Базовые | ### Базовые | ||
| - | Название Описание | + | |Название |Описание| |
| - | .on() Универсальный метод для установки обработчиков | + | |: |
| - | событий на выбранные элементы страницы. | + | |.on() |Универсальный метод для установки обработчиков событий на выбранные элементы страницы.| |
| - | .off() Удаляет обработчики, | + | |.off() |Удаляет обработчики, |
| - | .bind() Устанавливает обработчик события на выбранные | + | |.bind() |Устанавливает обработчик события на выбранные элементы страницы. Обработчик не сработает на элементах, |
| - | элементы страницы. Обработчик не сработает на | + | |.live() |Устанавливает обработчик события на выбранные элементы страницы. Обработчик сработает и на элементах, |
| - | элементах, | + | |.delegate() |Устанавливает обработчик события на выбранные элементы страницы. Элементы выбираются с помощью уточняющего селектора. Обработчик будет действовать и на элементах, |
| - | .live() Устанавливает обработчик события на выбранные | + | |.one() |Устанавливает обработчик события на выбранные элементы страницы, |
| - | элементы страницы. Обработчик сработает и на элементах, | + | |.unbind() |Удаляет обработчик событий у выбранных элементов.| |
| - | появившихся после его установки. | + | |.die() |Удаляет обработчик событий, |
| - | .delegate() Устанавливает обработчик события на выбранные | + | |.undelegate() |Удаляет обработчик событий, |
| - | элементы страницы. Элементы выбираются с помощью | + | |.trigger() |Выполняет указанное событие и запускает его обработчик| |
| - | уточняющего селектора. Обработчик будет действовать и | + | |.triggerHandler() |Запускает обработчик указанного события, |
| - | на элементах, | + | |jQuery.proxy() |По заданной функции, |
| - | .one() Устанавливает обработчик события на выбранные | + | |event |Объект, |
| - | элементы страницы, | + | |
| - | разу, на каждом из элементов. | + | |
| - | .unbind() Удаляет обработчик событий у выбранных элементов. | + | |
| - | .die() Удаляет обработчик событий, | + | |
| - | помощью live(). | + | |
| - | .undelegate() Удаляет обработчик событий, | + | |
| - | помощью delegate(). | + | |
| - | .trigger() Выполняет указанное событие и запускает его обработчик | + | |
| - | .triggerHandler() Запускает обработчик указанного события, | + | |
| - | выполнения. | + | |
| - | jQuery.proxy() По заданной функции, | + | |
| - | переменная this будет равна заданному значению. | + | |
| - | event Объект, | + | |
| - | Передается всем обработчикам событий. | + | |
| ### События мыши | ### События мыши | ||
| - | Название Описание | + | |Название |Описание| |
| - | .click() Устанавливает обработчик " | + | |: |
| - | либо, запускает это событие. | + | |.click() |Устанавливает обработчик " |
| - | .dblclick() Устанавливает обработчик двойного " | + | |.dblclick() |Устанавливает обработчик двойного " |
| - | элементу, | + | |.hover() |Устанавливает обработчик двух событий: |
| - | .hover() Устанавливает обработчик двух событий: | + | |.mousedown() |Устанавливает обработчик нажатия кнопки мыши, либо, запускает это событие.| |
| - | появления/ | + | |.mouseup() |Устанавливает обработчик поднятия кнопки мыши, либо, запускает это событие.| |
| - | .mousedown() Устанавливает обработчик нажатия кнопки мыши, либо, | + | |.mouseenter() |Устанавливает обработчик появления курсора в области элемента, |
| - | запускает это событие. | + | |.mouseleave() |Устанавливает обработчик выхода курсора из области элемента, |
| - | .mouseup() Устанавливает обработчик поднятия кнопки мыши, либо, | + | |.mousemove() |Устанавливает обработчик движения курсора в области элемента, |
| - | запускает это событие. | + | |.mouseout() |Устанавливает обработчик выхода курсора из области элемента, |
| - | .mouseenter() Устанавливает обработчик появления курсора в области | + | |.mouseover() |Устанавливает обработчик появления курсора в области элемента, |
| - | элемента, | + | |.toggle() |Поочередно выполняет одну из двух или более заданных функций, |
| - | события, | + | |
| - | .mouseleave() Устанавливает обработчик выхода курсора из области | + | |
| - | элемента, | + | ### События клавиатуры |
| - | события, | + | |
| - | .mousemove() Устанавливает обработчик движения курсора в области | + | |Название |Описание| |
| - | элемента, | + | |: |
| - | .mouseout() Устанавливает обработчик выхода курсора из области | + | |.keydown() |Устанавливает обработчик перехода клавиши клавиатуры в нажатое состояние, |
| - | элемента, | + | |.keyup() |Устанавливает обработчик возвращение клавиши клавиатуры в ненажатое состояние, |
| - | .mouseover() Устанавливает обработчик появления курсора в области | + | |.keypress() |Устанавливает обработчик ввода символа с клавиатуры, |
| - | элемента, | + | |
| - | .toggle() Поочередно выполняет одну из двух или более заданных | + | |
| - | функций, | + | |
| - | События клавиатуры | + | |
| - | Название Описание | + | |
| - | .keydown() Устанавливает обработчик перехода клавиши клавиатуры в | + | |
| - | нажатое состояние, | + | |
| - | .keyup() Устанавливает обработчик возвращение клавиши | + | |
| - | клавиатуры в ненажатое состояние, | + | |
| - | событие. | + | |
| - | .keypress() Устанавливает обработчик ввода символа с клавиатуры, | + | |
| - | либо, запускает это событие. | + | |
| ### События формы | ### События формы | ||
| - | Название Описание | + | |Название |Описание| |
| - | .focus() Устанавливает обработчик получения фокуса, | + | |: |
| - | запускает это событие. | + | |.focus() |Устанавливает обработчик получения фокуса, |
| - | .blur() Устанавливает обработчик потери фокуса, | + | |.blur() |Устанавливает обработчик потери фокуса, |
| - | это событие. | + | |.focusin() |Устанавливает обработчик получения фокуса самим элементом или одним из его дочерних.| |
| - | .focusin() Устанавливает обработчик получения фокуса самим | + | |.focusout() |Устанавливает обработчик потери фокуса самим элементом или одним из его дочерних.| |
| - | элементом или одним из его дочерних. | + | |.select() |Устанавливает обработчик выделения текста, |
| - | .focusout() Устанавливает обработчик потери фокуса самим элементом | + | |.submit() |Устанавливает обработчик отправки формы, либо, запускает это событие.| |
| - | или одним из его дочерних. | + | |.change() |Устанавливает обработчик изменения элемента формы, либо, запускает это событие.| |
| - | .select() Устанавливает обработчик выделения текста, | + | |
| - | запускает это событие. | + | ### События загрузки страницы |
| - | .submit() Устанавливает обработчик отправки формы, либо, | + | |
| - | запускает это событие. | + | |Название |Описание| |
| - | .change() Устанавливает обработчик изменения элемента формы, | + | |: |
| - | либо, запускает это событие. | + | |.ready() |
| - | События загрузки страницы | + | |.load() |Устанавливает обработчик завершения загрузки элемента.| |
| - | Название Описание | + | |.unload() |Устанавливает обработчик ухода со страницы (при переходе по ссылке, |
| - | .ready() | + | |
| - | .load() Устанавливает обработчик завершения загрузки элемента. | + | |
| - | .unload() Устанавливает обработчик ухода со страницы (при | + | |
| - | переходе по ссылке, | + | |
| ### События браузера | ### События браузера | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.error() |Устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере).| | |.error() |Устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере).| | ||
| |.resize() |Устанавливает обработчик изменения размеров окна браузера, | |.resize() |Устанавливает обработчик изменения размеров окна браузера, | ||
| Строка 383: | Строка 378: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |.focus() |Устанавливает обработчик получения фокуса, | |.focus() |Устанавливает обработчик получения фокуса, | ||
| |.blur() |Устанавливает обработчик потери фокуса, | |.blur() |Устанавливает обработчик потери фокуса, | ||
| Строка 393: | Строка 389: | ||
| |Название |Описание| | |Название |Описание| | ||
| + | |: | ||
| |jQuery.param() |Преобразует массив объектов в строку, | |jQuery.param() |Преобразует массив объектов в строку, | ||
| |.serialize() |Преобразует данные формы в строку, | |.serialize() |Преобразует данные формы в строку, | ||
| Строка 402: | Строка 399: | ||
| ### Управление анимацией | ### Управление анимацией | ||
| - | Название Описание | + | |Название |Описание| |
| - | .animate() Выполняет анимацию, | + | |: |
| - | пользователем. | + | |.animate() |Выполняет анимацию, |
| - | .queue() Предоставляет/ | + | |.queue() |Предоставляет/ |
| - | очередь функций. | + | |.clearQueue() |Очищает очередь функций.| |
| - | .clearQueue() Очищает очередь функций. | + | |.dequeue() |
| - | .dequeue() | + | |.stop() |
| - | .stop() | + | |.delay() |Приостанавливает выполнение следующих анимаций на заданное время.| |
| - | .delay() Приостанавливает выполнение следующих анимаций на | + | |.toggle() |Поочередно выполняет вызов одной из нескольких заданных функций.| |
| - | заданное время. | + | |jQuery.fx.interval |Содержит временной промежуток между кадрами анимации.| |
| - | .toggle() Поочередно выполняет вызов одной из нескольких | + | |jQuery.fx.off |
| - | заданных функций. | + | |
| - | jQuery.fx.interval Содержит временной промежуток между кадрами | + | |
| - | анимации. | + | |
| - | jQuery.fx.off | + | |
| ### Стандартные анимации | ### Стандартные анимации | ||
| - | Название Описание | + | |Название |Описание| |
| - | .hide() | + | |: |
| - | .show() Скрывает/ | + | |.hide()|Скрывает/ |
| - | плавного изменения его размера и прозрачности). | + | |.show()| | |
| - | .slideUp() | + | |.slideUp()|Разворачивает/ |
| - | .slideDown() Разворачивает/ | + | |.slideDown()| |
| - | плавного изменения высоты элементов). | + | |.slideToggle() |Поочередно разворачивает/ |
| - | .slideToggle() Поочередно разворачивает/ | + | |.fadeIn()|Скрывает/ |
| - | странице, | + | |.fadeOut()| |
| - | .fadeIn() | + | |.fadeTo() |
| - | .fadeOut() Скрывает/ | + | |.fadeToggle() |Поочередно скрывает/ |
| - | плавного изменения прозрачности. | + | |
| - | .fadeTo() | + | |
| - | .fadeToggle() Поочередно скрывает/ | + | |
| - | как это делают .fadeIn() и .fadeOut(). | + | |
| ## УТИЛИТЫ | ## УТИЛИТЫ | ||
| Строка 440: | Строка 429: | ||
| Список функций | Список функций | ||
| - | Название Описание | + | |Название |Описание| |
| - | $.contains() Проверяет, | + | |: |
| - | другого. | + | |$.contains() |Проверяет, |
| - | $.extend() | + | |$.extend() |
| - | $.globalEval() Выполняет заданный скрипт в глобальной области | + | |$.globalEval() |Выполняет заданный скрипт в глобальной области видимости.| |
| - | видимости. | + | |$.grep() |Ищет в заданном массиве элементы удовлетворяющие условиям.| |
| - | $.grep() Ищет в заданном массиве элементы удовлетворяющие | + | |$.inArray() |Ищет в заданном массиве конкретный элемент и возвращает его индекс (или -1 в случае отсутствия элемента).| |
| - | условиям. | + | |$.isArray() |Проверяет, |
| - | $.inArray() Ищет в заданном массиве конкретный элемент и | + | |$.isEmptyObject() |Проверяет наличие (точнее отсутствие) содержимого в заданном объекте.| |
| - | возвращает его индекс (или -1 в случае отсутствия | + | |$.isFunction() |Проверяет, |
| - | элемента). | + | |$.isNumeric() |
| - | $.isArray() Проверяет, | + | |$.isPlainObject() |Проверяет, |
| - | $.isEmptyObject() Проверяет наличие (точнее отсутствие) содержимого в | + | |$.isWindow() |Проверяет, |
| - | заданном объекте. | + | |$.isXMLDoc() |Проверяет, |
| - | $.isFunction() Проверяет, | + | |$.makeArray() |
| - | $.isNumeric() | + | |$.map() |Выполняет заданную функцию для каждого элемента массива или каждого поля объекта в отдельности.| |
| - | $.isPlainObject() Проверяет, | + | |$.merge() |Объединяет содержимое нескольких массивов, |
| - | пользовательским объектом (задан | + | |$.noop() |
| - | средствами " | + | |$.parseJSON() |
| - | $.isWindow() Проверяет, | + | |$.parseXML() |Конвертирует строку xml в xml-документ.| |
| - | window. | + | |$.proxy() |По заданной функции, |
| - | $.isXMLDoc() Проверяет, | + | |$.trim() |
| - | $.makeArray() | + | |$.type() |Определяет класс заданного объекта (речь идет о внутренних классах javascript: string, boolean и т.д.).| |
| - | $.map() Выполняет заданную функцию для каждого элемента | + | |$.unique() |Сортирует заданный массив с DOM-элементами, |
| - | массива или каждого поля объекта в отдельности. | + | |
| - | $.merge() Объединяет содержимое нескольких массивов, | + | |
| - | его в первый из них. | + | |
| - | $.noop() | + | |
| - | $.parseJSON() | + | |
| - | $.parseXML() Конвертирует строку xml в xml-документ. | + | |
| - | $.proxy() По заданной функции, | + | |
| - | переменная this будет равна заданному значению. | + | |
| - | $.trim() | + | |
| - | $.type() Определяет класс заданного объекта (речь идет о | + | |
| - | внутренних классах javascript: string, boolean и т.д.). | + | |
| - | $.unique() Сортирует заданный массив с DOM-элементами, | + | |
| - | выстраивая их в порядке расположения в DOM, а так же | + | |
| - | удаляя повторения. | + | |
/var/www/html/dokuwiki/data/attic/js/jquery.1657062007.txt.gz · Последнее изменение: (внешнее изменение)
