1.hover()方法

語法結構為：hover(enter,leave);

該方法用於滑鼠的懸停事件，當游標移動到元素上時，會觸發第一個函式（enter），當游標移除這個元素時，會觸發第二個函式（leave）

$(function(){
  $('div').hover(function(){
    //我是第一個函式
  },function(){
    //我是第二個函式  
  })
})

這個hover()的效果，相當於同時綁定了mouseover和mouseout

2.toggle()方法

語法結構為：toggle(fn1,fn2,fn3......,fnN);

該方法用於模擬滑鼠連續單擊事件，第一次單擊觸發第一個函式，第二次單擊觸發第二個函式，如果有更多的函式，則依次觸發，隨後的每次單擊對這幾個函式輪流呼叫

$('div').toggle(function(){
  //內容顯示
}，function(){
  //內容隱藏
})

toggle()方法的另外一個作用就是切換元素的可見狀態，如果元素是可見的，單機後則切換為隱藏；如果元素是隱藏的，單擊切換之後則變為可見

$(function(){
  $('div').toggle(function(){
    $(this).toggle(); 
  },function(){
    $(this).toggle(); 
  })
})

本部落格由作者原創，如需轉載，請註明出處！！