Могу ли я иметь селектор нескольких классов в jquery

Question

Могу ли я сделать что-то вроде ниже, где у меня может быть несколько классов, запускающих событие?

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

}); 

Answer 1

Да, вы можете использовать запятую в качестве разделителя.

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

Answer 2

$('a.red.blue.green') выбирает элементы, которые имеют все эти классы.

$('a.red, a.blue, a.green') выбирает элементы, которые имеют atleast one этих классов.

Answer 3

Несколько иной подход был бы префиксом классы как a.prefix_red, a.prefix_blue, a.prefix_green, а затем использовать селектор подстановочные на него, как:

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

Преимущество заключается в том, что до тех пор, как вы префикс все ваши «триггер «классы, вам не нужно редактировать jQuery каждый раз, когда вы добавляете новый, а не то, что это будет серьезное изменение в любом случае, но может пригодиться, если вы решите минимизировать свой скрипт, например.