jQuery中报错：$(...).play is not a function

问题：使用jQuery库制作一个记事本时，使用audio标签设置提示音时报错显示

$(...).play is not a function

原因：

<audio class="alert" src="alert.mp3">这是一个播放器</audio>

var $alerter = $('.alert');

 $alerter得到一个jQuery对象，jQuery对象中含有一个或者多个DOM元素，jQuery对象没有play()方法。play()方法是选取的jQuery对象中的原生的DOM元素所拥有的方法。

我们可以将$alerter打印出来如下图：

 

解决方案：

可以使用数组语法或者.get()方法，得到audio元素。

$alerter[0].play();
//或者：
$alerter.get(0).play();

note:

j在Query中：get()取得所有匹配的DOM元素集合；

get(index)：在所有匹配的DOM元素集合中取得其中一个匹配的元素；