Question

是否可以（使用jQuery或其他方式）将某个元素的样式设置为样式表中定义的:hover样式？

.regStyle {
   background-color: #000;
}

.regStyle:hover {
   background-color: #fff;
} 

Trying it out

$("#differentButton").click(function(){
    // this doesn't work 
    $("#someElement").addClass("regStyle:hover").remove("regStyle");
});

Answer 1

没有。最好在CSS中为该状态赋予另一个类本身，然后使用您的方法添加该类。

.regStyle:hover,
.regStyle.hover {
    css: properties;
    go: here;
}

$("#differentButton").click(function(){
    // this doesn't work 
    $("#someElement").addClass("hover");
});

编辑：好的，我把它拿回来了。 .trigger('mouseover')可能有办法。解释：

$('.regStyle').mouseover( function() {
    $(this).css('css','property');
});

$('.otherElement').click( function() {
    $('.regStyle').trigger('mouseover');
});

完全未经测试且有点麻烦，但它可能有用。

Answer 2

看看 http://api.jquery.com/hover/

.hover( handlerInOut )

    $( "li" ).hover(
      function() {
        $( this ).toggleClass('active');
      }
    );


.hover( handlerIn, handlerOut )

    $("li").hover(
      function() {
        $(this).addClass('active');
      }, function() {
        $(this).removeClass('active');
      }
    );

使用jQuery将元素样式设置为：hover样式

2 个答案: