jQuery--事件總結

標準的綁定：
bind(type,[,data],fn)==>第一個參數是事件類型 第二個可選參數做爲event.data 傳遞給事件對象的額外數據對象 第三個參數爲用來綁定的處理函數
簡寫綁定事件：
$('#panel h5.head').mouseover(function(){

});
合成事件：
hover(enter,leave) hover事件用來模擬鼠標的懸停事件 $('.head').hover(function(){},function(){})
toggle(fn1,fn2,fn3....fnN) $('.head').toggle(function(){},function(){}) toggle函數還有一個做用 切換元素的可見狀態 $('p').toggle();

事件冒泡：
<div><p><span></span></p></div>例如 在div中添加了點擊事件 p也添加了點擊事件 span 也添加了點擊事件當點擊span標籤時候會觸發三個click事件
這個現象就是事件冒泡
事件冒泡致使的此問題jquery提供瞭解決方案： event.stopPropagation();

事件對象的屬性：
event.type() 獲取到事件的類型
event.preventDefault 組織瀏覽器的默認事件
event.stopPropagation 阻止事件冒泡
event.target 獲取事件源
event.pageX()/event.pageY()==>獲取光標相對於頁面的x座標和y座標
event.which() ==>獲取做用鼠標的哪一個鍵點擊的 1.左鍵 2.中鍵 3.右鍵
移除事件：
unbind $('p').unbind('click');
one(type,[,data],fn) one事件提供了一種方式 一次觸發事件後刪除
模擬操做：
$('#btn').trigger('click');
其餘操做：
同時綁定多個事件類型:
$('div').bind('mouseover mouseout',function(){
$(this).toggleClass('over');
})
添加命名空間:
$('div').bind('click.plugin',function(){})
$('div').bind('mouseover.plugin',function(){})
$('div').bind('dbclick',function(){})
$('button').click(function(){
$('div').unbind('.plugin');
})
事件類型後面添加命名空間，這樣刪除事件的時候只須要刪除命名空間就能夠了
觸發命名空間的事件：
$(div).trigger('click'); ==>這樣有沒有命名空間均可以觸發
$(div).trigger('click!'); ==>這樣有歎號的只能觸發不帶有命名空間的事件