基本上,我正在使用一段 jQuery 来控制图像淡入淡出。
这段代码,首先标识了一个.fade
的div类,然后给它连接了一个.hover
。
当将鼠标悬停在 .fade
上时,.fade
类中的 display:none
div 内的图像会慢慢淡出,从而带来不透明度返回1。
这是一段相当简单的代码,但我想知道是否有一种方法可以修改它以便与多个类(即 fadetwo、fade Three 等)一起使用...因为它是在 div 内工作的父 .fade
类应该可以正常工作吗?
我似乎无法让它发挥作用。我正在尝试在这一行中添加其他类:
$('div.fade').hover(function()
喜欢:
$('div.fade, div.fadetwo, div.fadethree').hover(function()
我只是想让多个div(.fade
、.fadetwo
等)具有相同的悬停效果(显然每个都有不同的悬停效果)图片)...我不确定 jQuery 是否能像这样工作。
可能有更好的方法来做到这一点?...下面是我的代码。
最佳答案
尚不清楚您是要选择所有三个类别还是三个类别之一。因此我解释了这两种可能性:
选择所有类(class)
将您的类写在一起,不要使用空格和逗号,如下所示:
$('div.fade.fadetwo.fadethree')
这仅选择具有所有三个类的 div。
选择一门类(class)
如果您需要选择具有三个类之一的 div,请省略空格,如下所示:
$('div.fade,div.fadetwo,div.fadethree')
关于javascript - 在 jQuery 函数中声明多个 div 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12740575/