《锋利的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!”) 叹号将不执行有命名空间的事件