Вопрос по javascript, jquery, file – Jquery addClass и удалить класс при наведении

7

Хорошо, я хотел бы добавить классcfse_a элементу#searchput когда мышь находится над элементом, а затем, когда мышь не находится над элементом, удалите классcfse_a.

Ваш Ответ

4   ответа
0

Надеюсь это поможет

$('#searchput').mouseover(function() {
    $(this).addClass('cfse_a');
}).mouseout(function(){
    $(this).removeClass('cfse_a');
});
2
  $("#searchput").hover(function() {
     $(this).addClass("cfse_a");
     }, function() {
   $(this).removeClass("cfse_a");
   });

19

Используйтеhover событие сaddClass а такжеremoveClass методы:

$("#searchput").hover(function() {
    $(this).addClass("cfse_a");
}, function() {
    $(this).removeClass("cfse_a");
});

DEMO: http: //jsfiddle.net/G23EA

Работает как шарм! Anders
@ AndersEriksson Если это работает как очарование, вы должны подтвердить ответ, а не понизить его. VisioN
8
$('#searchput').hover(function() {
  $(this).addClass('cfse_a'); // add class when mouseover happen
}, function() {
  $(this).removeClass('cfse_a'); // remove class when mouseout happen
});

Вы также можете использовать:

$('#searchput').hover(function() {
  $(this).toggleClass('cfse_a');
});

видетьtoggleClass ()

DEMO

Похожие вопросы