Öğe stilini şu şekilde ayarla: hoQuery

Question

ile hover stili Belirli bir öğenin stilini bir stil sayfasında tanımlanan :hover stiline ayarlamak mümkün mü (jQuery kullanarak veya başka bir şekilde)? Daha iyi olurdu

.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

sayılı sadece CSS o devlete başka bir sınıfa kendisi vermek ve sonra bu sınıf eklemek için yöntemini kullanmak.

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

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

DÜZENLEME: Tamam, onu geri alıyorum. .trigger('mouseover') ile bir yol olabilir. Açıklamak için:

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

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

Tamamen denenmemiş ve biraz daha hantal, ama işe yarayabilir.

Answer 2

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