jQuery_第五章_jQuery事件和动画

                      Jquery中的事件与动画

一、window.onload和$(document).read()的细微差别

（1）执行时机

window.onload:所有元素（包括元素的所有关联文件）完全加载到浏览器后才执行

$(document).read()：在DOM完全就绪时就可以被调用

（2）多次使用

$(document).read()可以多次使用，在现有的行为上追加新的行为，依次执行

window.onload事件一次只能保存对一个函数的引用，它会自动用后面的函数覆盖前面的函数  其弊端是：当有多个javascript文件时，每个文件都需要用到window.onload方法

   二、事件

    基础事件：

    window事件

    鼠标事件： 

           点击事件：click（）、

            鼠标指针移过时：mouseover（）、

            鼠标指针移出时：mouseout（）

    键盘事件：

         按下按键时：keydown（）

         产生可打印的字符:keypress()

         释放按键时：keyup（）

        $(function(){
           $("input").keyup(function(event){
               var code=event.keyCode;
               alert(code);
           });
        });

 

   表单事件：

         获得焦点：focus（）

         失去焦点：blur（）

复合事件：

     hover（）和toggle（）

    hover（）

 三、事件的绑定

      简单绑定事件

      合成事件

      toggle() 方法