这真的是jQuery吗？

Question

再次这段代码：

audioElement.addEventListener('ended', function() {
    $('span#pause').fadeOut('slow');
    $('span#play').delay(1500).fadeIn('slow');
});

据我所知，“addEventListener”应该是“绑定”但不知何故，当我只是改变它时，整个脚本（不仅仅是这些行）不再起作用了......

Answer 1

addEventListener是DOM元素的一种方法。

fadeOut，fadeIn和delay是jQuery方法。

如果你想使用bind方法，你需要一个jQuery对象，所以它就像

$(audioElement).bind('ended', function() {
    $('span#pause').fadeOut('slow');
    $('span#play').delay(1500).fadeIn('slow');
});

Answer 2

addEventListener适用于DOM元素，而bind适用于jquery对象。事件处理程序包含JQuery代码，但addEventListener是JavaScript。您可以将其更改为：

$(audioElement).bind('ended', function() {
    $('span#pause').fadeOut('slow');
    $('span#play').delay(1500).fadeIn('slow');
});

这使它成为'完整的JQuery'（仍然是JavaScript）：）

Answer 3

addEventListener是一种DOM方法。如果要使用jQuery方法，则必须将DOM元素包装在jQuery对象中：

$(audioElement).bind('ended', function() {
  $('span#pause').fadeOut('slow');
  $('span#play').delay(1500).fadeIn('slow');
});

Answer 4

你可以听任何事件，包括自定义事件 - 这里听众通过JavaScript附加;它只是函数内部的代码，是jQuery。