将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回退. 使用jQuery.support检测IE6