jQuery播放音频

Posted 2023-02-25

【中文标题】jQuery播放音频

【英文标题】：jQuery play Audio

【发布时间】：2015-07-22 13:21:09

【问题描述】：

所以我一直在做一些 javascript，目前正在学习 jQuery。与 JS 相比，jQuery 做事的方式有时让我有些困惑。

得到一个看起来像这样的 html 音频标签：

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

使用 JS 我只是简单地玩它：

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

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

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

这行不通，我必须这样写：

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

谁能给我解释一下？

谢谢。

【参考方案1】：

以下代码：

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

为您返回一个与使用 jQuery 函数包装的查询选择器匹配的元素数组，这就是 jQuery 的工作方式，在您的情况下，它将提供一个包含一个元素的数组。

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

【讨论】：

哦，对了，因为.play()是一个纯JS函数..谢谢。