jQuery播放音频

Question

所以我一直在做一些JavaScript，目前正在学习jQuery。我有时会对jQuery与JS相比如何做事感到困惑。

获得了类似于此的HTML音频标记：

<audio id="audio" src="audio.mp3"></audio>

使用JS我只需使用：

document.getElementById('audio').play();

所以我想，用jQuery做同样的事情就是：

$('#audio').play();

这不起作用，相反我必须这样写：

$('#audio')[0].play();

任何人都可以向我解释这个吗？

感谢。

Answer 1

以下代码：

$('#audio').play();

为您提供了一个与jQuery函数包装的查询选择器匹配的元素数组，这就是jQuery的工作原理，在您的情况下，它将为数组提供一个元素。

.play函数不是jQuery函数，直接在html元素上工作，因此，你需要转到jQuery数组中的第一个元素然后使用.play函数