jQuery-4（特效）

1、隐藏显示

hide() //隐藏   	

show() //显示

toggle() //隐藏和显示切换

$(selector).hide([duration] [, callback]);
duration参数设置隐藏动作执行持续时间，默认单位毫秒，可以填写“fast”默认持续时间是200毫秒，而“slow”默认是600毫秒或者具体数值
callback参数为隐藏动作执行完成之后下一步执行的函数名，没有可以不写

eg：
$("#hidebtn2").click(function(){
	$("#test2").hide(3000)   //三秒隐藏完成
})
$("#showbtn2").click(function(){
    $("#test2").show("fast")
})

2、淡入淡出

fadeIn()  //淡入  

fadeOut()	//淡出

fadeToggle()  //淡入淡出切换

$(selector).fadeIn([duration] [, callback])

fadeTo()	//元素变为指定的透明度（0~1）

$(selector).fadeTo (duration, opacity [, callback])
	opacity：该参数为必填内容，用于设置元素的透明度。透明度的数值必须在0~1之间，数值越小透明度越高。0为完全透明，1为非透明。

3、滑动

slideDown()  //向下滑动元素

slideUp()  //向上滑动元素

slideToggle()  //切换向上和向下滑动元素

$(selector).slideDown([duration] [, callback])

4、动画

animate() 
$(selector).animate({params} [, duration] [, callback])
    params:（必选项）表示形成动画的CSS属性，允许多个属性同时改变
    duration和callback（可选项）

eg：
$("#btn").click(function(){
	$("div").animate({
		width:"400",
		fontSize:"25",
        //当CSS属性名称中包含的连字符 " - “ 时，需要使用Camel标记法
		backgroundColor: "#aaffaa",
		opacity:"0.35"    //透明度
	},2000)
})

//使用CSS属性中的方位值left、right、top以及bottom改变元素位置实现移动的效果，在HTML中所有元素的position属性值默认为静态（static）无法移动，若想移动需事先设置指定元素的position属性为relative、absolute或者fixed。 
$("#btn1").click(function(){
	$("div").animate({
		left:"+200px",
		top:"+100px"
		},3000)
})

//动画队列 多个连续的animate()，在同一个animate()方法中描述的多个动画效果会同时发生，不同animate()方法中描述的会按顺序先后发生

5、方法链接

$(selector).action1().action2().action3()......actionN();

eg：
$("#btn").click(function(){
	$("p").slideUp(3000)
	.slideDown("slow")
	.css("background-color","green")
	.fadeTo(2000,0)
	.fadeTo(2000,1)
})

6、停止动画

$(selector).stop([stopAll] [, goToEnd]);
stopAll和goToEnd均为可选项；
stopAll：是否清除后续所有动画，填入布尔值，默认为false；
goToEnd：是否立即完成当前的动画，填入布尔值，默认值为false；