2010-08-30 54 views
10

我可以做類似於下面的事情,我可以讓多個類觸發一個事件嗎?我可以在jquery中有多個類選擇器

$('a.red a.blue a.green').click(function(event) 
{ 

}); 
+4

只是說明OP:類是由'''不''定義的。 ':'表示僞類。 – 2010-08-30 02:34:21

+0

是的,謝謝修復它! – ian 2010-08-30 02:39:54

+1

相關備註:您在那裏的語法('a.red a.blue a.green')具有與css和jquery選擇器不同的含義。它選擇任何具有「green」類的'a'元素,該元素包含在具有'blue'類的'a'元素中,該元素本身包含在具有'red'類的'a'元素中。當然,當它們都是'a'標籤時,這是沒有意義的,但它通常是一個有用的概念。 – grossvogel 2010-08-30 02:54:55

回答

18

是的,您可以使用逗號作爲分隔符。

$('a.red, a.blue, a.green').click(function(event) {}); 
0

$('a.red.blue.green')選擇具有所有這些類的元素。

$('a.red, a.blue, a.green')選擇具有這些類別的至少一個至少一個的元素。

+1

對於所有這些類,它是$(「a.red.blue.green」)。 – 2010-08-30 03:15:39

3

一個稍微不同的方法將前綴你的類,如a.prefix_reda.prefix_bluea.prefix_green然後用它通配符選擇喜歡:

$("a[class^=prefix_]") 

的好處是,只要你前綴所有的「觸發「類,你不必每次添加新的時候都要編輯jQuery,但不管它是否是一個重要的編輯,但是如果你決定縮小你的腳本,可能會派上用場。

相關問題