JQuery-事件(部分)

       /* 
             1.    bind跟on是类似的方法,下面示例可相互替换
            $('#click1').on('click',toYellow);    //    click绑定toYellow方法
            $('#click1').off/unbind('click',toYellow)    //    给click移除toYellow方法
            $('.btn3').on('click',{result:'LiuYashion'},toBindEvent);    //    可以传参数,立即执行
            $('#click3').one('click',toYellow);    //    绑定的方法在生命周期只被执行一次
            
        */

        /*    
            2.    trigger会立即触发事件绑定的方法
            $("#click4").click( function (event, a, b) {
                  // 一个普通的点击事件时，a和b是undefined类型
                  // 如果用下面的语句触发，那么a指向"foo",而b指向"bar"
                  console.log(a+' '+b)
            } ).trigger("click", ["foo", "bar"]);
            
        */

        /*
            3.    开头的对象("body")一定要是包含"button"的, delegate适用于处理当前或未来的元素,比如由脚本创建的新元素
            $("body").delegate("button","click",function(){
                  $("#click3").slideToggle();
            });
                
        */

       /*
             4.    模仿悬停事件,移出后回调为第二个参数
            $("#click5").hover(function(){
                $(this).css({background:'red'})
            },function(){
                $(this).css({background:'lightblue'})
            })
            
        */

          /*
             5.    toggle完成有无的切换,fadeToggle/显隐,slideToggle/高度
            $("#btn6").click(function(){
                $('#click6').slideToggle(1000)
            })
            
        */   

        /*
             6.    文本输入失去焦点执行
            $("#input6").blur(function(){
                console.log("xxxxxxxxx")
            });
            
        */
       

       /*
             6.    文本输入失去焦点执行,失去焦点后与上一次比较
            $("#input6").change(function(){
                console.log("qqqqqqqqq")
            });
            
        */

        /*
            7.    连续两次点击
            $("#click4").dblclick(function(){
                console.log("连续两次点击")
            });
        
        */

        /*
             8.    屏幕滚动起来
            $(window).scroll(function(){
                console.log("scrolling~") 
            });
        
        */