javascript - 在 jQuery 函数中声明多个 div 选择器

标签 javascript jquery hover opacity jquery-hover

基本上,我正在使用一段 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 是否能像这样工作。

可能有更好的方法来做到这一点?...下面是我的代码。

http://jsfiddle.net/yvgFy/

最佳答案

尚不清楚您是要选择所有三个类别还是三个类别之一。因此我解释了这两种可能性:

选择所有类(class)

将您的类写在一起,不要使用空格和逗号,如下所示:

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

这仅选择具有所有三个类的 div。

选择一门类(class)

如果您需要选择具有三个类之一的 div,请省略空格,如下所示:

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

关于javascript - 在 jQuery 函数中声明多个 div 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12740575/

相关文章:

javascript - 寻找 JS/JQuery 完全模式覆盖

html - 我可以在这个复杂的不规则形状链接上使用 CSS 悬停吗

javascript - Jquery .hover 添加一个类 - 或者 Child :hover to affect parent?

javascript - 使用 JavaScript 预测元素宽度

javascript - 如何将 Blob 对象从 javascript 传递到 Android?

javascript - 如何在 Bootstrap 4 中制作进度条动画?

css - 文本溢出的悬停颜色 : ellipsis getting stuck in Chrome

javascript - JavaScript 中的函数与对象以及没有函数的实例化

javascript - 使用javascript迭代地增加字体大小

javascript - 如何在表单中实现 checkValidity()?