jQuery的事件与 动画

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