什么是事件：
事件的本质是委托。
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});
});
