一.动画
1.show（）显示 .hide()隐藏
可以穿参数
$("#btn1").on("click",function(){
$("#app").show();
})
$("#btn2").on("click",function(){
$("#app").hide("slow");
})
还可以设置数字，多少秒之后消失，改变的是宽 高 和opcity的值
1.opcity css 属性 透明度
2.fadeIn（） fadeOut()设置淡入淡出效果
$("#btn1").on("click",function(){
$("#app").fadeIn(2000);
})
$("#btn2").on("click",function(){
$("#app").fadeOut(3000);
})
参数的单位是毫秒=0.001s
3.slideDown() slideUp()
$("#btn1").on("click",function(){
$("#app").slideDown(2000);
})
$("#btn2").on("click",function(){
$("#app").slideUp(3000);
})
4. .animate()
$("#btn3").on("click",function(){
$("#app").animate({
width:100,
height:100,
opcity:0.5,
},3000,function(){
alert("完毕")
})
})
第一个参数是变化后的样式，第二个是变化事件，第三个是结束后的动作
1.
$("#app").animate({
width:'+=20',
height:400,
opcity:0.5,
},3000,function(){
alert("完毕")
}}
可以传一个参数 ，一次加多少 或者一次减多少
2.$("#app").animate({
width:300,
// height:400,
// opcity:0.5,
},3000).animate({
height:300,
},3000)
先执行一个动画再执行一个动画，否则是一起执行的。
4..stop（）
$("#btn4").on("click",function(){
$("#app").stop(false,false);
})
1.第一个参数设置为true的时候，全部动画都会停止
2.第二个设置为true的时候，会直接到达第一个动画的终点之后直接开始第二个动画
二 核心函数
1.extend（）
var o1 = {
sex:'nan',
age:4
}
var o2 = {
name:'zhao',
age:3
}
var o3 =$.extend(o1,o2);
console.log(o3);
把o2合并到o1;
2..each(function(index){
})