JavaScript. Подробное руководство, 6-е издание, стр. 311

<b>$('a').die('mouseover'); // Удалит все динамические обработчики</b>

<b>                         // события mouseover из элементов &lt;а&gt;</b>

<b>$('a' ).die( mouseover', linkHandler); // Удалит только указанный динамический обработчик</b>

Метод

<b>undelegate()</b>
действует аналогично методу
<b>die(),</b>
но более явно отделяет контекст (элементы, в которых был зарегистрирован внутренний обработчик) и строку селектора. Вызовы метода
<b>die()</b>
выше можно было заменить вызовами метода
<b>undelegate(),</b>
как показано ниже:

<b>$(document).undelegate('а'); // Удалит все динамические обработчики из элементов &lt;а&gt;</b>

<b>$(document).undelegate('а', ’mouseover); // Удалит динамические обработчики</b>

<b>                                         // события mouseover</b>

<b>$(document).undelegate('а', ’mouseover’, linkHandler); // Указанный обработчик</b>

Наконец, метод

<b>undelegate()</b>
может также вызываться вообще без аргументов. В этом случае он удаляет все динамические обработчики, привязанные к выбранным элементам.

19.5. Анимационные эффекты

В главе 16 демонстрировалось, как можно управлять стилями CSS в элементах документа. Например, устанавливая CSS-свойство

<b>visibility</b>
, можно заставлять элементы появляться и скрываться. В разделе 16.3.1 было показано, как, управляя стилями CSS, можно воспроизводить анимационные эффекты. Например, вместо того, чтобы просто сделать элемент невидимым, можно постепенно уменьшать значение его свойства
<b>opacity</b>
в течение половины секунды и заставить его исчезать плавно. Подобные визуальные эффекты оставляют у пользователей более приятные впечатления, и библиотека jQuery упрощает их реализацию.

Объект

<b>jQuery</b>
определяет методы воспроизведения основных визуальных эффектов, такие как
<b>fadeIn()</b>
и
<b>fadeOut().</b>
Кроме них он определяет также метод
<b>animate(),</b>
позволяющий воспроизводить более сложные эффекты. В следующих подразделах описываются и методы воспроизведения простых эффектов, и более сложный универсальный метод
<b>animate().</b>
Однако для начала познакомимся с некоторыми общими особенностями механизма анимационных эффектов в библиотеке jQuery.

Каждый анимационный эффект имеет продолжительность, которая определяет, как долго должен продолжаться эффект. Продолжительность можно указать в виде числа миллисекунд или в виде строки. Строка «fast» означает 200 миллисекунд. Строка «slow» означает 600 миллисекунд. Если указать строку, которая не будет распознана библиотекой jQuery, по умолчанию будет использована продолжительность 400 миллисекунд. Имеется возможность определять новые названия, обозначающие продолжительность, добавляя новые отображения строк в числа в объект

<b>jQuery.fx.speeds</b>
:

<b>jQuery.fx.speeds[&quot;medium-fast&quot;] = 300;</b>

<b>jQuery.fx.speeds[&quot;medium-slow&quot;] = 500;</b>

Методы воспроизведения эффектов объекта

<b>jQuery</b>
обычно принимают продолжительность в первом необязательном аргументе. Если опустить этот аргумент, по умолчанию продолжительность будет составлять 400 миллисекунд. Однако некоторые методы, не получив аргумент с продолжительностью, выполняют операцию немедленно, без анимационного эффекта:

<b>$(&quot;#message&quot;).fadeIn(); // Эффект проявления будет длиться 400 мсек</b>

<b>$(&quot;#message&quot;).fadeOut(&quot;fast&quot;); // Эффект растворения будет длиться 200 мсек</b>

Эффекты в библиотеке jQuery воспроизводятся асинхронно. Когда производится вызов метода анимационного эффекта, такого как

<b>fadeIn()</b>
, он сразу же возвращает управление, а воспроизведение эффекта выполняется «в фоновом режиме». Поскольку методы анимационных эффектов возвращают управление до того, как эффект завершится, многие из них принимают во втором аргументе (также необязательном) функцию, которая будет вызвана по окончании воспроизведения эффекта. Этой функции не передается никаких аргументов, но ссылка
<b>this</b>
в ней будет указывать на элемент документа, к которому применялся эффект. Функция будет вызвана по одному разу для каждого выбранного элемента:

<b>// Быстро проявить элемент, а когда он станет видимым, вывести в нем текст.</b>

<b>$(&quot;#message&quot;).fadeIn(&quot;fast&quot;, function() { S(this). text(Привет, Мир! &quot;); });</b>

Передача функции обратного вызова методу воспроизведения эффекта позволяет выполнять действия по его окончании. Однако в этом нет необходимости, когда требуется просто последовательно воспроизвести несколько эффектов. По умолчанию библиотека jQuery ставит анимационные эффекты в очередь (в разделе 19.5.2.2 демонстрируется, как изменить это поведение по умолчанию). Если вызвать метод анимационного эффекта относительно элемента, для которого уже воспроизводится анимационный эффект, воспроизведение нового эффекта не начнется немедленно, а будет отложено до окончания воспроизведения текущего эффекта. Например, можно заставить элемент «моргать», пока он не проявится окончательно:

<b>$(&quot;«blinker&quot;).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn();</b>

Методы анимационных эффектов объекта

<b>jQuery</b>
принимают необязательные аргументы, определяющие продолжительность и функцию обратного вызова. Однако этим методам можно также передавать объект, свойства которого определяют параметры эффектов:

<b>// Передать продолжительность и функцию не в отдельных аргументах, а в свойствах объекта </b>

<b>$(&quot;#message&quot;).fadeIn({ duration: &quot;fast&quot;,</b>

<b>  complete: function() { $(this).text(&quot;Привет, Мир!&quot;); }</b>