Establecer estilo de elemento para: estilo de desplazamiento usando jQuery

Question

¿Es posible (usando jQuery o de otro modo) establecer el estilo de un elemento determinado en el estilo :hover definido en una hoja de estilo?

.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

No. Sería mejor dar a ese estado otra clase en CSS y luego usar su método para agregar esa clase.

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

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

EDIT: Bien, lo llevo de vuelta. Puede haber una manera con .trigger('mouseover'). Para explicar:

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

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

Completamente no probado y un poco más engorroso, pero puede funcionar.

Answer 2

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