Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xslt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将javascript函数应用于css类中的所有对象_Javascript_Jquery_Css - Fatal编程技术网

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

将javascript函数应用于css类中的所有对象,javascript,jquery,css,Javascript,Jquery,Css,我有以下代码: $("#SidingPainting").hover( function() { $(this).addClass("ui-state-hover"); }, function() { $(this).removeClass("ui-state-hover"); } ) 然而,我有很多,比如100个div

我有以下代码:

$("#SidingPainting").hover(
            function() {
                $(this).addClass("ui-state-hover");
            },
            function() {
                $(this).removeClass("ui-state-hover");
            }
        )
然而,我有很多,比如100个div,我想将这些相同的函数应用到其中

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


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

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

为此,您应该使用
:hover
伪类,但IE6仅在a标签上支持它。因此,您需要像这样的JavaScript回退。

使用jQuery的
$
可以使用CSS选择器。所以只需编写
.className
而不是
#id

为此,您应该使用
:hover
伪类,但IE6仅在a标签上支持它。因此,您需要像这样的JavaScript回退。

如果只想更改悬停时的类,甚至不需要JavaScript。只需为所有
div
s指定一个公共类,并使用CSS
:hover
伪类更改hover上的样式:

.SidingPainting { /* this is a class, not an ID */
  ...
}

.SidingPainting:hover {
  ...
}

如果您只是想更改悬停时的类,甚至不需要JavaScript。只需为所有
div
s指定一个公共类,并使用CSS
:hover
伪类更改hover上的样式:

.SidingPainting { /* this is a class, not an ID */
  ...
}

.SidingPainting:hover {
  ...
}

我不明白。。。?垒球?我不明白。。。?垒球?