《鋒利的jQuery》

jQuery事件

加載DOM

jQuery: $(document).ready(function(){})    簡寫 $(function(){})

JS: window.onload(function(){})

差別：1.執行時機 $()在dom加載完成后。

                 Window.onload()在所有元素完全加載（包括所有圖片等）

        問題：例如，$()設置圖片寬高無效。解決：load()方法，$元素或者$(window)

  2.多次使用 js后面定義方法會覆蓋前面。 $()不會，多個方法都會執行。

事件綁定

方法一：$元素.bind(‘click’,function(){})     綁定多個事件  字符串 空格

方法二：$元素.click(function(){})

方法三：$元素.one(‘click’,function(){})   只會被執行一次

常用事件

         （比js少了“on”前綴）

阻止事件冒泡：event.stopPropagation()    function(event){}

阻止默認行為：evet.preventDefault()

事件屬性

Event.type 事件類型 event.target 事件發生元素

event.relatedTarget 事件相關元素，如mouseout到了那個元素

event.pageX event.pageY event.which 觸發的鼠標/鍵盤按鈕

event.metaKey  ctrl按鍵

移出事件

Unbind()   1.移出某元素所有事件  2.移出某種事件  3.移除某個事件方法

模擬觸發

Trigger() click() triggerHandle()  不執行默認動作

事件命名空間

Click.plugin    就像類選擇器？ 命名空間選擇一類事件   unbind(“.plugin”)

                                     Trigger(“click!”) 嘆號將不執行有命名空間的事件