2

基本的に、画像のフェードを制御するために使用しているjQueryを使用しています。

このコードは、最初に の div クラスを識別し.fade、次に a をそれに接続.hoverします。

にカーソルを合わせると、クラス内のdiv 内の.fade画像がゆっくりとフェードし、不透明度が 1 に戻ります。display:none.fade

これはかなり単純なコードですが、複数のクラス (つまり、fadetwo、fadethree など) で動作するように変更する方法があるかどうか疑問に思っています... 親.fadeクラス内の div から動作するためです。それは正しく動作するはずですか?

私はそれを機能させることができないようです。この行にクラスを追加しようとしています:

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

お気に入り:

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

.fade複数のdiv( 、、など)に同じホバー効果を持たせることができるようにしようとしてい.fadetwoます(明らかにそれぞれに異なる画像があります)... jQueryがこのように機能するかどうかはわかりません。

おそらくこれを行うためのより良い方法はありますか?...下に私のコードがあります。

http://jsfiddle.net/yvgFy/

4

1 に答える 1

3

3 つのクラスすべてを選択するか、3 つのクラスのうちの 1 つを選択するかは明確ではありません。したがって、両方の可能性を説明します。

すべてのクラスを選択

次のように、スペースやコンマを使用せずにクラスをまとめて記述します。

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

これにより、3 つのクラスすべてを持つ div のみが選択されます。

いずれかのクラスを選択

3 つのクラスのいずれかで div を選択する必要がある場合は、次のようにスペースを省略します。

$('div.fade,div.fadetwo,div.fadethree')
于 2012-10-05T06:43:11.393 に答える