Установите стиль элемента на: hover, используя jQuery

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');
      }
    );