up
down
Close
架站盒子
Web Development Box
 

jQuery 點擊不同元素執行相同動作

│ 450 Views │ jQuery

前言

有時候可能會希望使用者點擊A或B都能執行同樣的動作,如果每個元素物件都要加上相同 Class 不僅很冗贅也很麻煩,這時候該如何允許多個不同元素都執行相同動作呢?

其實 jQuery 是允許直接處理多個元素的,只要在選擇器中以逗號分開寫在一起即可。

程式碼

$('.a,.b').click(function(){
// 執行的事件
})

當然這也適用其他元素,如 $('#a,#b') 或 $('div,p') 等,以此類推。

範例

點擊以下按鈕試試看

成功觸發A!
成功觸發B!

延伸閱讀

本文是否對您有幫助?