Đặt kiểu phần tử thành kiểu di chuột: Sử dụng jQuery

Question

Có thể (sử dụng jQuery hay cách khác) để đặt kiểu của một phần tử nhất định theo kiểu :hover được định nghĩa trong biểu định kiểu?

.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

Không. Chỉ nên cung cấp cho trạng thái đó một lớp khác trong CSS và sau đó sử dụng phương pháp của bạn để thêm lớp đó.

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

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

EDIT: OK, tôi lấy lại. Có thể có một cách với .trigger('mouseover'). Để giải thích:

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

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

Hoàn toàn chưa được kiểm tra và hơi cồng kềnh hơn, nhưng nó có thể hoạt động.

Answer 2

Nhìn vào 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'); 
     } 
    );