Объявление нескольких селекторов div в функции jQuery

Question

По сути, я работаю с куском jQuery, которое я использую для управления исчезновением изображения.

Этот фрагмент кода сначала идентифицирует класс div .fade, а затем подключает .hover к этому.

когда .fade нависает, изображение внутри display:none Div внутри .fade класс постепенно исчезает, возвращая непрозрачность 1.

Это довольно простой кусок кода, но мне интересно, есть ли способ изменить его для работы с несколькими классами (например, fadetwo, fadethree и т. Д.)... потому что он работает от div внутри родителя .fade класс это должно работать правильно?

Я просто не могу заставить это работать. Я пытаюсь добавить дополнительные классы в этой строке:

$('div.fade').hover(function()

Подобно:

$('div.fade, div.fadetwo, div.fadethree').hover(function()

Я просто пытаюсь сделать так, чтобы я мог иметь несколько div (.fade, .fadetwoи т. д.) имеют тот же эффект при наведении курсора (очевидно, каждый с разными изображениями)... Я не уверен, что jQuery даже работает так.

Возможно, есть лучший способ сделать это?... Ниже мой код.

http://jsfiddle.net/yvgFy/

Answer 1

Не ясно, хотите ли вы выбрать ВСЕ три класса или ОДИН из трех классов. Поэтому я объясняю обе возможности:

Выберите ВСЕ классы

Напишите ваши классы вместе без пробелов и запятых, вот так:

$('div.fade.fadetwo.fadethree')

это выбирает только div со всеми тремя классами.

Выберите ОДИН из классов

Если вам нужно выбрать div с одним из трех классов, пропустите пробелы, например:

$('div.fade,div.fadetwo,div.fadethree')