javascript - 将 javascript 函数应用于 css 类中的所有对象

Question

我有这个代码:

$("#SidingPainting").hover(
            function() {
                $(this).addClass("ui-state-hover");
            },
            function() {
                $(this).removeClass("ui-state-hover");
            }
        )

但是我有很多，比如一百个 div，我想应用这些相同的功能!

有没有一种方法可以创建一个 css 类并将其应用于每个 div，然后将这些函数应用于 css 类？

或者关于如何让我的生活更轻松的任何其他想法？

Answer 1

通过 jQuery 的 $，您可以使用 CSS 选择器。所以只写 .className 而不是 #id

$(".hoverClass").hover(
        function() {
            $(this).addClass("ui-state-hover");
        },
        function() {
            $(this).removeClass("ui-state-hover");
        }
    )

为此，您应该使用:hover 伪类，但IE6 仅在a-tags 上支持它。所以你需要一个像这样的 JavaScript 回退。 Detecting IE6 using jQuery.support