Анимированные элементы

Материал из JQuery

Перейти к: навигация, поиск
:animated1.2

Соответствует элементам, которые в данный момент участвуют в анимации.

Примеры использования:

$('.lBox:animated') вернет все элементы класса lBox, которые в данный момент участвуют в анимации.
$('div.lBox:animated') вернет все div-элементы класса lBox, которые в данный момент участвуют в анимации.

Селектор :animated является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). Поэтому, для лучшей производительности рекомендуется в начале сузить круг искомых элементов, и уже среди них искать анимированые элементы с помощью .filter():

В действии

При нажатии на кнопку, найдем и выделим div-элемент, который в текущий момент участвует в анимации:

Ссылки

Поисковые ключи:
  • анимируемые элементы
  • animated