【读书笔记】【jQuery基础教程】【第三章--事件】

1.window.onload事件在所有元素对Javascript都是可操作时触发，

而$(document).ready()在DOM完全就绪并可以使用时调用，

不意味着所有关联的文件都已经下载完毕

2.CSS放在script前面

3.每次调用$(docment).ready()方法时都会向内部行为队列中添加一个新函数，

当页面加载完成时，所有函数都将得到执行，而且按照注册的顺序依次执行

4.可以使用jQuery代替$符号避免冲突，具体方式如下：

jQuery(document).ready(function($){
//这里可以正常使用$
});
或者：
jQuery(function($){
//使用$的代码
});

5.事件绑定方法：bind

$('#switcher-default').bind('click',function(){
//具体的操作代码
});

6.标准DOM事件：

blur

change

click

dblclick

error

focus

keydown

keypress

keyup

load

mousedown

mousemove

mouseout

mouseover

mouseup

resize

scroll

select

submit

unload

7.button上可以定义toggle复合事件，.toggle()方法接收两个函数为参数，

分别在奇数次按下和偶数次按下调用。使用.toggleClass()方法可以自动检查该类是否存在

8.用户鼠标指针悬停在某个元素上时，触发该元素的hover事件，

.hover()方法也接受两个函数参数，分别在鼠标指针进入和离开元素时调用

9.jQuery始终在模型的冒泡阶段注册事件处理程序。

$('#element').click(function(event){
//event.target == this 可以确定DOM中首先接收到事件的元素
//event.stopPropagation(); 可以完全阻止事件冒泡
//event.preventDefault(); 可以在触发默认操作之前终止事件
});

10.移除事件处理程序，

$('element').unbind('click');

11.绑定事件时可以增加命名空间，如：

$('#element').bind('click.collapse',function(){
//具体的操作代码
});

这样解除绑定代码为：

$('#element').unbind('click.collapse')

12.只需要触发一次，随后解除绑定的简写方法.one():

$('element').one('click',somefunction);

13.利用.trigger()方法可以模拟事件产生，如：

$('#switcher').trigger('click');

等同于按了switcher元素

14.$(document).keyup(function(event){

switch(String.fromCharCode(event.keyCode)){
case 'D':
$('#switcher-default').click();
break;
case 'N':
$('#switcher-narrow').click();
break;
case 'L':
$('#switcher-large').click();
break;
}
});

利用.keyup()方法可以监听按键