【读书笔记】【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()方法可以监听按键