什么是事件：

事件的本质是委托。

Jquery的 方法：

$().css();

$().click();

等等。

    鼠标的事件：

区别在于：mouseover与mouseout再进入或离开后会执行这两个事件；

 mouseenter与mouseleave在进入或离开后代元素不会执行这两个事件

    //鼠标的事件：

    //mouseover和mouseout与mouseenter和mouseleave的区别

    //$(".nav").mouseover(function(){

    /*     console.log("mouseover");

    }).mouseout(function(){

        console.log("mouseout");

    }); */

        /* $(".nav").mouseenter(function(){

            console.log("mouseenter");

        }).mouseleave(function(){

            console.log("mouseleave");

        }); */

    //键盘事件：

    $("input").keyup(function(event){

        alert(event.KeyCole);

    });

//浏览器大小事件resize

        $/* (window).resize(function(){

                        if ($(window).width()>=1024) {

                            $('body').css("background","pink");

                        }else{

                            $('body').css("background","red");

                        }

                     }); */

        //复合事件：hover用于模拟鼠标指针移入和移除事件。

        /* $("li").hover(function() {

            $(this).css("background", "pink");

        }, function() {

            $(this).css("background", "");

        }); */

        //toggle()的方法。带参数用于模拟鼠标连续的click

事件。

        /* $('body').toggle(function() {

            //alert(1);

            $(this).css("background","pink");

        }, function() {

            $(this).css("background","red");

        }, function() {

             $(this).css("background","blue");

        }); */

        //toggle()不带参数和hide(),show()方法一样。

        /* $("#btn").bind("click", function() {

            $("ul").toggle();

        }); */

//自定义动画函数animate

    /* $(function() {

        $('#book').animate({

        //透明度0.25

            opacity: 0.25,

            left: '+=50',

            height: 'toggle'

          }, 5000, function() {

          });     */

    $("#book").animate({"height":"500px"},{queue:true,duration:2000})

    .animate({"width":"50px"},{queue:true,duration:2000})

    .animate({"font-size":"30px"},{queue:false,duration:2000});

    });