jQuery事件与动画

合成事件 hover对应的简化mouseover和mouseout
toggle:

            // toggle用来模拟连续的鼠标单击事件，有几个函数就出发几个，依次触发


            $('div[class=mydiv]').toggle(function(){
                console.log('one')
            },function(){
                console.log('two')
            },function(e){
                console.log('three')
                $(this).unbind('hover')  //移出事件
            })

一些动画方法
$(this).hide(1000)
$(this).fadeOut()
$(this).slideUp()

像css方法会立即调用，如果想在最后一个动画函数完成后，在执行的话，在它的回调函数里添加就可以

            $('div[class=box]').hover(function () {
                $(this).stop(true)
                    .animate({ left: '500px' }, 2000)
                    .animate({ top: '500px' }, 2000)
            }, function () {
                $(this).stop(true)
                    .animate({ left: "0" }, 2000,function(){
					$(this).css('background','red')
		})

            }

1.链式调用，可以多个写在一块，一个完了之后，再去执行另外一个
2.stop 是如果用户多次触发的话，那么立即清除掉之前还没有完成的动画
3.stop传入true是如果后面有多个动画，全部清除，一般可以传入该参数