将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 {
...
}
我不明白。。。?垒球?我不明白。。。?垒球?