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

Posted 2023-05-08

【中文标题】在 jQuery 函数中声明多个 div 选择器

【英文标题】：Declaring multiple div selectors within jQuery function

【发布时间】：2012-09-26 06:35:40

【问题描述】：

基本上，我正在使用一个 jQuery 来控制图像淡入淡出。

这段代码，首先标识了一个.fade 的div 类，然后将一个.hover 连接到它。

当.fade 悬停在上面时，.fade 类中display:none div 中的图像会慢慢淡化，从而将不透明度恢复到 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/

【问题讨论】：

是的。 jQuery支持这个没问题。

另外：您在 jsfiddle 上的代码似乎可以正常工作。我不确定你的错误是什么？

哇！当我最初尝试它时它没有工作，这是肯定的......对不起！我会尝试找到一种方法来关闭它，或者将其标记为已回答！

也许 jsfiddle 是最后一个工作状态，并且 OP 尝试继续处理多个类。

@richie，欢迎来到 Stack Overflow，并对编辑表示抱歉。代码格式很重要。如果您以清晰和结构化的方式提出问题，您将获得更多帮助。您可以使用反引号来格式化代码片段并为代码行缩进四个空格。

【参考方案1】：

目前尚不清楚您是要选择所有三个类还是选择三个类中的一个。因此，我解释了这两种可能性：

选择所有课程

把你的类写在一起，不用空格和逗号，像这样：

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

这只会选择所有三个类的 div。

选择其中一个类

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

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

【讨论】：

太棒了，感谢您的澄清！好知识！ （感谢您的欢迎！）