鼠標(biāo)事件是在用戶(hù)移動(dòng)鼠標(biāo)光標(biāo)或者使用任意鼠標(biāo)鍵點(diǎn)擊時(shí)觸發(fā)的。
(1):click事件：click事件于用戶(hù)在元素敲擊鼠標(biāo)左鍵，并在相同元素上松開(kāi)左鍵時(shí)觸發(fā)。
$('p').click(function(){
        alert('click function is running !');
      });
(2):dbclick事件：dbclick事件在用戶(hù)完成迅速連續(xù)的兩次點(diǎn)擊之后觸發(fā)，雙擊的速度取決于操作系統(tǒng)的設(shè)置。一般雙擊事件在頁(yè)面中不經(jīng)常使用。
$('p').dbclick(function(){
        alert('dbclick function is running !');
      });
(3):mousedown事件：mousedown事件在用戶(hù)敲擊鼠標(biāo)鍵時(shí)觸發(fā)，跟keydown事件不一樣，該事件僅在按下鼠標(biāo)時(shí)觸發(fā)。
$('p').mousedown(function(){
        alert('mousedown function is running !');
      });
(4):mouseup事件：mouseup事件在用戶(hù)松開(kāi)鼠標(biāo)時(shí)觸發(fā)，如果在與按下鼠標(biāo)的元素相同元素上松開(kāi)，那么click事件也會(huì)觸發(fā)。
$('p').mouseup(function(){
        alert('mouseup function is running !');
      }).click(function(){
         alert('click function is running too !');
         });
(5):mouseover事件：mouseover事件于用戶(hù)把鼠標(biāo)從一個(gè)元素移動(dòng)到另外一個(gè)元素上時(shí)觸發(fā)，如果需要知道來(lái)自那個(gè)元素可以使用，relatedTagrget屬性。
(6):mouseout事件：mouseout事件于用戶(hù)把鼠標(biāo)移出一個(gè)元素時(shí)觸發(fā)，這包括從父元素移動(dòng)到子元素上，或者使用鍵盤(pán)跳到元素上。
(5)和(6)這兩個(gè)事件一般不常用，很難實(shí)現(xiàn)與用戶(hù)的交互，也就是說(shuō)不易捕獲用戶(hù)事件。
(7):mouseenter事件：mouseenter事件是在用戶(hù)光標(biāo)進(jìn)入元素上時(shí)觸發(fā)。
 $('p').mouseenter(function(){
        alert('mouseenter function is running !');
      });
(8):mouseleave事件：mouseleave事件是在用戶(hù)的光標(biāo)離開(kāi)元素時(shí)觸發(fā)。
   $('p').mouseleave(function(){
        alert('mouseleave function is running !');
     });
(7)和(8)這兩個(gè)事件一般連起來(lái)使用，在jQuery中可以使用hover這個(gè)函數(shù)來(lái)代替這兩個(gè)函數(shù)。
$('p').hover(function(){
               alert('mouseenter function is running !');
              },function(){
                      alert('mouseleave function is running !');
                 });