仅仅是整理，实际使用参考参考文档即可
【页面加载后执行】
【代码执行的时机选择】
$(document).ready()方法和window.onload事件具有相似的功能，但是执行时机不同
- $document.ready()方法注册的事件处理程序，会在DOM完全加载后调用
- window.onload事件实在网页的所有元素完全加载到页面上时才会执行
$(document).ready()方法优先于window.onload事件执行
【基于一个页面执行多个脚本】
$(function(){});在一个HTML页面中能够存在多个。当页面加载完成后，所有的函数都能得到执行。
【事件的绑定和解绑】
【bind(type,data,fn)】- 绑定事件
- type：绑定事件名称，如果绑定多个事件，使用空格隔开
- data：可选，作为event.dtat属性值传递给事件对象的额外数据对象
- fn：绑定事件处理函数
【unbind()】 - 解绑事件
- 默认不传递任何内容，解绑所有事件
- 指定单个事件名称，解绑单事件
- 指定多个事件名称，解绑多事件
【bind与unbind允许传递的事件】
- blur、focus、focusin、load、resize、scroll、unload、click、dbclick、mouseup、mousedown、mousemove、mouseover、mouseout、mouseenter、mouseleave、change、select、submit、keydown、keypress、keyup、error
【事件对象】event
事件对象被封装在事件对应的处理函数的参数
ele.onxxx - function(event){event}
【常用属性】
- pageX/clientX/offsetX/x
- pageY/clienty/offsetY/y
- target - 当前绑定事件的源对象
- returnValue
* return false - 阻止页面的默认行为
- which/keyCode/charCode - 键盘对应值