Jquery 滑鼠移入 - stu80143/gitNote GitHub Wiki

滑鼠移入

$('div.myclass').hover(function(){

},function(){

});

解釋:

  • 第一個function()是滑鼠移入要執行的
  • 第二個function()是滑鼠移出要執行的

更改被移入的css

$('div.myclass').hover(function(){
    $(this).css("background-color", "#333");
    $(this).css("color", "#fff");
},function(){

});

更改移出之後的class

$('div.myclass').hover(function(){
    $(this).css("background-color", "#333");
    $(this).css("color", "#fff");
},function(){
    $(this).removeClass("myclass");
});

如此myclass就會消失,如果需要加入,則改用addClass

當然也可以滑鼠移入A元件,然後更改B元件的屬性 只需要將$(this)替換成想操作的B元件