SovaWiki

Инструменты пользователя

Инструменты сайта

Вы посетили: • selector_weight • gsmartcontrol • top • transition • markdown • nano • wireguard • selectors
js:jquery

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
js:jquery [2022/07/09 00:16] – [События мыши] so_v_ajs:jquery [2026/09/01 10:38] (текущий) – so_v_a
Строка 1: Строка 1:
 +<!DOCTYPE markdown>
 +
 # Краткий справочник по jQuery # Краткий справочник по jQuery
  
Строка 4: Строка 6:
  
 | Название | Описание | | Название | Описание |
 +|:---:|:---|
 |.attr() |возвращает/изменяет (в зависимости от числа параметров) значение атрибута у элементов на странице| |.attr() |возвращает/изменяет (в зависимости от числа параметров) значение атрибута у элементов на странице|
 |.removeAttr() |удаляет атрибут у элементов на странице | |.removeAttr() |удаляет атрибут у элементов на странице |
Строка 16: Строка 19:
  
 | Название | Описание | | Название | Описание |
 +|:---:|:---|
 |.css() |Возвращает/изменяет (в зависимости от числа входных параметров) CSS параметры элемента| |.css() |Возвращает/изменяет (в зависимости от числа входных параметров) CSS параметры элемента|
 |.height() |Возвращает/изменяет высоту элемента| |.height() |Возвращает/изменяет высоту элемента|
Строка 34: Строка 38:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |"*"|все элементы| |"*"|все элементы|
 |".className"|элементы с классом className| |".className"|элементы с классом className|
Строка 45: Строка 50:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |"first, second, ..."|элементы, удовлетворяющие любому из селекторов first, second, ...| |"first, second, ..."|элементы, удовлетворяющие любому из селекторов first, second, ...|
 |"outer inner"|элементы из inner, которые являются потомками (т.е. лежат внутри) элементов из outer| |"outer inner"|элементы из inner, которые являются потомками (т.е. лежат внутри) элементов из outer|
Строка 55: Строка 61:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |'[name]'|элементы, содержащие атрибут name| |'[name]'|элементы, содержащие атрибут name|
 |'[name = value]'|элементы, у которых значение атрибута name совпадает с value| |'[name = value]'|элементы, у которых значение атрибута name совпадает с value|
Строка 73: Строка 80:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |":focus"|элемент, находящийся в фокусе| |":focus"|элемент, находящийся в фокусе|
 |":first"|первый найденный элемент| |":first"|первый найденный элемент|
Строка 92: Строка 100:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |':contains(text)'|элементы, содержащие заданный текст| |':contains(text)'|элементы, содержащие заданный текст|
 |':empty'|элементы без содержимого (без текста и других элементов)| |':empty'|элементы без содержимого (без текста и других элементов)|
Строка 103: Строка 112:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |':first-child'|элементы, расположенные первыми в своих родительских элементах| |':first-child'|элементы, расположенные первыми в своих родительских элементах|
 |':last-child'|элементы, расположенные последними в своих родительских элементах| |':last-child'|элементы, расположенные последними в своих родительских элементах|
Строка 117: Строка 127:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |':button'|элементы с тегом button или типом button| |':button'|элементы с тегом button или типом button|
 |':radio'|элементы, являющиеся переключателями| |':radio'|элементы, являющиеся переключателями|
Строка 138: Строка 149:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |.attr()|возвращает/изменяет (в зависимости от числа параметров) значение атрибута у элементов на странице| |.attr()|возвращает/изменяет (в зависимости от числа параметров) значение атрибута у элементов на странице|
 |.removeAttr()|удаляет атрибут у элементов на странице| |.removeAttr()|удаляет атрибут у элементов на странице|
Строка 151: Строка 163:
  
 |Название|Описание| |Название|Описание|
 +|:---:|:---|
 |.css()|Возвращает/изменяет (в зависимости от числа входных параметров) CSS параметры элемента| |.css()|Возвращает/изменяет (в зависимости от числа входных параметров) CSS параметры элемента|
 |.height()|Возвращает/изменяет высоту элемента| |.height()|Возвращает/изменяет высоту элемента|
Строка 167: Строка 180:
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |.html() |Возвращает/изменяет (в зависимости от числа параметров) html-содержимое элементов на странице| |.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() |Находит ближайший, соответствующий заданному селектору элемент, из числа следующих: сам выбранный элемент, его родитель, его прародитель, и так далее, до начало дерева DOM.| |.closest() |Находит ближайший, соответствующий заданному селектору элемент, из числа следующих: сам выбранный элемент, его родитель, его прародитель, и так далее, до начало дерева DOM.|
Строка 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()  |Возвращяет DOM-элементы, хранящиеся в объекте jQuery.| |.get()  |Возвращяет DOM-элементы, хранящиеся в объекте jQuery.|
 |.toArray() |Возвращяет все DOM-элементы, хранящиеся в объекте jQuery, в виде массива.| |.toArray() |Возвращяет все DOM-элементы, хранящиеся в объекте jQuery, в виде массива.|
Строка 268: Строка 291:
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |$.browser |Информация об используемом браузере (перед использованием этого свойства попробуйте найти интересующую вас особенность в свойстве support, эта информация будет более надежна).| |$.browser |Информация об используемом браузере (перед использованием этого свойства попробуйте найти интересующую вас особенность в свойстве support, эта информация будет более надежна).|
 |$.support |Особенности используемого браузера.| |$.support |Особенности используемого браузера.|
Строка 281: Строка 305:
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |.on() |Универсальный метод для установки обработчиков событий на выбранные элементы страницы.| |.on() |Универсальный метод для установки обработчиков событий на выбранные элементы страницы.|
 |.off() |Удаляет обработчики, установленные с помощь .on().| |.off() |Удаляет обработчики, установленные с помощь .on().|
Строка 298: Строка 323:
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |.click() |Устанавливает обработчик "клика" мышью по элементу, либо, запускает это событие.| |.click() |Устанавливает обработчик "клика" мышью по элементу, либо, запускает это событие.|
 |.dblclick() |Устанавливает обработчик двойного "клика" мышью по элементу, либо, запускает это событие.| |.dblclick() |Устанавливает обработчик двойного "клика" мышью по элементу, либо, запускает это событие.|
-|.hover() |Устанавливает обработчик двух событий:  +|.hover() |Устанавливает обработчик двух событий: появления/исчезновения курсора над элементом.|
-появления/исчезновения курсора над элементом.|+
 |.mousedown() |Устанавливает обработчик нажатия кнопки мыши, либо, запускает это событие.| |.mousedown() |Устанавливает обработчик нажатия кнопки мыши, либо, запускает это событие.|
 |.mouseup() |Устанавливает обработчик поднятия кнопки мыши, либо, запускает это событие.| |.mouseup() |Устанавливает обработчик поднятия кнопки мыши, либо, запускает это событие.|
-|.mouseenter() |Устанавливает обработчик появления курсора в области элемента, либо, запускает это событие. Появление этого  +|.mouseenter() |Устанавливает обработчик появления курсора в области элемента, либо, запускает это событие. Появление этого события, отработано лучше, чем стандартного mouseover.| 
-события, отработано лучше, чем стандартного mouseover.| +|.mouseleave() |Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие. Появление этого события, отработано лучше, чем стандартного mouseout.|
-|.mouseleave() |Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие. Появление этого  +
-события, отработано лучше, чем стандартного mouseout.|+
 |.mousemove() |Устанавливает обработчик движения курсора в области элемента, либо, запускает это событие.| |.mousemove() |Устанавливает обработчик движения курсора в области элемента, либо, запускает это событие.|
 |.mouseout() |Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие.| |.mouseout() |Устанавливает обработчик выхода курсора из области элемента, либо, запускает это событие.|
Строка 315: Строка 338:
  
 ### События клавиатуры ### События клавиатуры
-Название Описание + 
-.keydown() Устанавливает обработчик перехода клавиши клавиатуры в  +|Название |Описание| 
-нажатое состояние, либо, запускает это событие. +|:---:|:---| 
-.keyup() Устанавливает обработчик возвращение клавиши  +|.keydown() |Устанавливает обработчик перехода клавиши клавиатуры в нажатое состояние, либо, запускает это событие.| 
-клавиатуры в ненажатое состояние, либо, запускает это  +|.keyup() |Устанавливает обработчик возвращение клавиши клавиатуры в ненажатое состояние, либо, запускает это событие.| 
-событие. +|.keypress() |Устанавливает обработчик ввода символа с клавиатуры, либо, запускает это событие.|
-.keypress() Устанавливает обработчик ввода символа с клавиатуры,  +
-либо, запускает это событие.+
  
 ### События формы ### События формы
  
-Название Описание +|Название |Описание| 
-.focus() Устанавливает обработчик получения фокуса, либо,  +|:---:|:---| 
-запускает это событие. +|.focus() |Устанавливает обработчик получения фокуса, либо, запускает это событие.| 
-.blur() Устанавливает обработчик потери фокуса, либо, запускает  +|.blur() |Устанавливает обработчик потери фокуса, либо, запускает это событие.| 
-это событие. +|.focusin() |Устанавливает обработчик получения фокуса самим элементом или одним из его дочерних.| 
-.focusin() Устанавливает обработчик получения фокуса самим  +|.focusout() |Устанавливает обработчик потери фокуса самим элементом или одним из его дочерних.| 
-элементом или одним из его дочерних. +|.select() |Устанавливает обработчик выделения текста, либо, запускает это событие.| 
-.focusout() Устанавливает обработчик потери фокуса самим элементом  +|.submit() |Устанавливает обработчик отправки формы, либо, запускает это событие.| 
-или одним из его дочерних. +|.change() |Устанавливает обработчик изменения элемента формы, либо, запускает это событие.| 
-.select() Устанавливает обработчик выделения текста, либо,  + 
-запускает это событие. +### События загрузки страницы 
-.submit() Устанавливает обработчик отправки формы, либо,  + 
-запускает это событие. +|Название |Описание| 
-.change() Устанавливает обработчик изменения элемента формы,  +|:---:|:---| 
-либо, запускает это событие. +|.ready()  |Устанавливает обработчик готовности дерева DOM.| 
-События загрузки страницы +|.load() |Устанавливает обработчик завершения загрузки элемента.| 
-Название Описание +|.unload() |Устанавливает обработчик ухода со страницы (при переходе по ссылке, закрытии браузера и.т.д.)|
-.ready()  Устанавливает обработчик готовности дерева DOM. +
-.load() Устанавливает обработчик завершения загрузки элемента. +
-.unload() Устанавливает обработчик ухода со страницы (при  +
-переходе по ссылке, закрытии браузера и.т.д.).+
  
 ### События браузера ### События браузера
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |.error() |Устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере).| |.error() |Устанавливает обработчик ошибки при загрузке элементов (например отсутствие необходимой картинки на сервере).|
 |.resize() |Устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие.| |.resize() |Устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие.|
Строка 360: Строка 378:
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |.focus() |Устанавливает обработчик получения фокуса, либо, запускает это событие.| |.focus() |Устанавливает обработчик получения фокуса, либо, запускает это событие.|
 |.blur() |Устанавливает обработчик потери фокуса, либо, запускает это событие.| |.blur() |Устанавливает обработчик потери фокуса, либо, запускает это событие.|
Строка 370: Строка 389:
  
 |Название |Описание| |Название |Описание|
 +|:---:|:---|
 |jQuery.param() |Преобразует массив объектов в строку, пригодную для использования в URL.| |jQuery.param() |Преобразует массив объектов в строку, пригодную для использования в URL.|
 |.serialize() |Преобразует данные формы в строку, пригодную для использования в URL.| |.serialize() |Преобразует данные формы в строку, пригодную для использования в URL.|
Строка 379: Строка 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() |Поочередно разворачивает/сворачивает элементы на странице, как это делают .slideUp() и .slideDown().| 
-.slideToggle() Поочередно разворачивает/сворачивает элементы на  +|.fadeIn()|Скрывает/показывает элементы на странице за счет плавного изменения прозрачности.| 
-странице, как это делают .slideUp() и .slideDown(). +|.fadeOut()|  | 
-.fadeIn() +|.fadeTo()  |Плавно изменяет прозрачность элементов.| 
-.fadeOut() Скрывает/показывает элементы на странице за счет  +|.fadeToggle() |Поочередно скрывает/показывает элементы на странице, как это делают .fadeIn() и .fadeOut().|
-плавного изменения прозрачности. +
-.fadeTo()  Плавно изменяет прозрачность элементов. +
-.fadeToggle() Поочередно скрывает/показывает элементы на странице,  +
-как это делают .fadeIn() и .fadeOut().+
  
 ## УТИЛИТЫ ## УТИЛИТЫ
Строка 417: Строка 429:
 Список функций Список функций
  
-Название Описание +|Название |Описание| 
-$.contains() Проверяет, содержится ли один элемент страницы внутри  +|:---:|:---| 
-другого. +|$.contains() |Проверяет, содержится ли один элемент страницы внутри другого.| 
-$.extend()  Объединяет два или более javascript-объекта. +|$.extend()  |Объединяет два или более javascript-объекта.| 
-$.globalEval() Выполняет заданный скрипт в глобальной области  +|$.globalEval() |Выполняет заданный скрипт в глобальной области видимости.| 
-видимости. +|$.grep() |Ищет в заданном массиве элементы удовлетворяющие условиям.| 
-$.grep() Ищет в заданном массиве элементы удовлетворяющие  +|$.inArray() |Ищет в заданном массиве конкретный элемент и возвращает его индекс (или -1 в случае отсутствия элемента).| 
-условиям. +|$.isArray() |Проверяет, является ли заданный элемент массивом.| 
-$.inArray() Ищет в заданном массиве конкретный элемент и  +|$.isEmptyObject() |Проверяет наличие (точнее отсутствие) содержимого в заданном объекте.| 
-возвращает его индекс (или -1 в случае отсутствия  +|$.isFunction() |Проверяет, является ли заданный элемент функцией.| 
-элемента). +|$.isNumeric()  |Проверяет, является ли заданный элемент числом.| 
-$.isArray() Проверяет, является ли заданный элемент массивом. +|$.isPlainObject() |Проверяет, является ли заданный элемент пользовательским объектом (задан средствами "{}" или "new Object").| 
-$.isEmptyObject() Проверяет наличие (точнее отсутствие) содержимого в  +|$.isWindow() |Проверяет, является ли заданный элемент объектом типа window.| 
-заданном объекте. +|$.isXMLDoc() |Проверяет, находится ли DOM-объект внутри XML-документа (или сам является XML-документом).| 
-$.isFunction() Проверяет, является ли заданный элемент функцией. +|$.makeArray()  |Конвертирует массиво подобные объекты, в массивы.| 
-$.isNumeric()  Проверяет, является ли заданный элемент числом. +|$.map() |Выполняет заданную функцию для каждого элемента массива или каждого поля объекта в отдельности.| 
-$.isPlainObject() Проверяет, является ли заданный элемент  +|$.merge() |Объединяет содержимое нескольких массивов, записывая его в первый из них.| 
-пользовательским объектом (задан  +|$.noop()  |Пустая функция.| 
-средствами "{}" или "new Object"). +|$.parseJSON()  |Конвертирует строку с json-данными в javascript-объект.| 
-$.isWindow() Проверяет, является ли заданный элемент объектом типа  +|$.parseXML() |Конвертирует строку xml в xml-документ.| 
-window. +|$.proxy() |По заданной функции, создает другую, внутри которой переменная this будет равна заданному значению.| 
-$.isXMLDoc() Проверяет, находится ли DOM-объект внутри XML-документа (или сам является XML-документом). +|$.trim()  |Удаляет пробелы из начала и конца заданной строки.| 
-$.makeArray()  Конвертирует массиво подобные объекты, в массивы. +|$.type() |Определяет класс заданного объекта (речь идет о внутренних классах javascript: string, boolean и т.д.).| 
-$.map() Выполняет заданную функцию для каждого элемента  +|$.unique() |Сортирует заданный массив с DOM-элементами, выстраивая их в порядке расположения в DOM, а так же удаляя повторения.|
-массива или каждого поля объекта в отдельности. +
-$.merge() Объединяет содержимое нескольких массивов, записывая  +
-его в первый из них. +
-$.noop()  Пустая функция. +
-$.parseJSON()  Конвертирует строку с json-данными в javascript-объект. +
-$.parseXML() Конвертирует строку xml в xml-документ. +
-$.proxy() По заданной функции, создает другую, внутри которой  +
-переменная this будет равна заданному значению. +
-$.trim()  Удаляет пробелы из начала и конца заданной строки. +
-$.type() Определяет класс заданного объекта (речь идет о  +
-внутренних классах javascript: string, boolean и т.д.). +
-$.unique() Сортирует заданный массив с DOM-элементами,  +
-выстраивая их в порядке расположения в DOM, а так же  +
-удаляя повторения.+
  
/var/www/html/dokuwiki/data/attic/js/jquery.1657325817.txt.gz · Последнее изменение: (внешнее изменение)