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() 方法

原文地址:https://www.cnblogs.com/s1297-lgy/p/6430622.html