jquery的事件与动画

jquery中的事件是对javascript事件的封装

         基础事件

                鼠标事件   --当用户在文档上移动或单击鼠标时产生的事件

方法	描述	执行时机
click( )	触发或将函数绑定到指定元素的click事件	单击鼠标时
mouSEOver( )	触发或将函数绑定到指定元素的mouSEOver事件	鼠标指针移过时
mouSEOut( )	触发或将函数绑定到指定元素的mouSEOut事件	鼠标指针移出时
mouseenter( )	触发或将函数绑定到指定元素的mouseenter事件	鼠标指针进入时
mouseleave( )	触发或将函数绑定到指定元素的mouseleave事件	鼠标指针离开时

                                示例：

                      $("#panel .head").mouSEOver(function(){

                      $(this).next().show();

                      })

                     $("#panel .head").mouSEOut(function(){

                     $(this).next().hide();

                     })

                    鼠标事件方法的区别

            

方法	相同点	不同点
mouSEOver( )	鼠标进入被选元素时会触发	鼠标在其被选元素的子元素上来回进入时： 触发mouSEOver( ) 不触发mouseenter( )
mouseenter( )
mouSEOut( )	鼠标离开被选元素时会触发	鼠标在其被选元素的子元素上来回离开时： 触发mouSEOut( ) 不触发mouseleave( )
mouseleave( )

               

               键盘事件    --用户每次按下或释放键盘上的键时都会产生事件

keydown( )	触发或将函数绑定到指定元素的keydown事件	按下键盘时
keyup( )	触发或将函数绑定到指定元素的keyup事件	释放按键时
keypress( )	触发或将函数绑定到指定元素的keypress事件	产生可打印的字符时

                    示例：实现按键时特效

               $("[type=password]").keyup(function () {

                        $("#content").append("keyup");

               }).keydown(function (e) {

                        $("#content").append(" keydown");

              }).keypress(function () {

          $("#content").append(" keypress");

             });

         $(document).keydown(function (event) {

          if (event.keyCode == "13") {//按回车键

            alert("确认要提交么？");

          }

           });

                window事件

                表单事件

         绑定时间与移除事件

                绑定事件使用bind（）方法

         复合事件

                hover（）方法

               toggle（）方法