2010-05-20 2 views
8

Возможно ли (используя jQuery или иначе) установить стиль определенного элемента в стиль :hover, определенный в таблице стилей?Установить стиль элемента: стиль наведения с использованием jQuery

.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"); 
}); 

ответ

3

Нет. Было бы лучше просто дать этому государству другой класс в CSS, а затем использовать ваш метод для добавления этого класса.

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

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

EDIT: Хорошо, я забираю его обратно. Может быть, с .trigger('mouseover'). Чтобы объяснить:

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

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

Полностью непроверенный и немного более громоздкий, но он может работать.

+0

'mouseOver', возможно, необходимо будет' mouseover' –

0

Посмотрите на 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'); 
     } 
    ); 
Смежные вопросы