2015年11月15日 星期日

使用jQuery支援所有瀏覽器播放音效

首先要準備音效檔,因為要支援幾乎所有的瀏覽器,所以我們要準備三種格式的音效檔:
music.ogg
music.mp3
music.wav

然後將支援三種音效格式的audio元件注入:
$(function()
{
    $('<audio id="myAudio"><source src="music.ogg" type="audio/ogg"><source src="music.mp3" type="audio/mpeg"><source src="music.wav" type="audio/wav"></audio>').appendTo('body');
});

在要播放的時候執行以下呼叫:
$('#myAudio')[0].play();  //myAudio為注入audio元件時設定的id

使用jQuery遍歷指定Class的DOM

如果我們有一堆表格的內容需要依照規則去處理,我們可以將這些<td>的class設為相同的,然後使用以下當方式遍歷所有的<td>,然後針對每個被讀到的<td>來進行處理,非常好用呢!

$('.classname').filter(
    function()
    {
 //使用 $(this) 可以存取到可以存取到當下讀到的jQuery DOM !
   });