jquery 几种 效果

首先我们要重点认识到，jQuery是干什么用的。

 

它并不只是用来封装那些js代码的，而是为了事件处理而生的。

 

一些事件

 

1，隐藏，显示

 hide() 和 show()

容易理解，hide就是用来隐藏的，show则是用来显示的。

 

语法是$(selector).hide(speed,callback);$(selector).show(speed,callback);

 

 

2，滑动

感觉可以叫做拉窗帘效果。

$(selector).slideDown(speed,callback)

	只能向下拉
	$(selector).slideUp(speed,callback)
	只能向上拉

 

$(selector).slideToggle(speed,callback)

来回拉

3，切换

隐藏和显示的结合版

$(selector).toggle(speed,callback)

 

4，动画

$(selector).animate({params},[duration],[easing],[callback])

params它定义了产生动画的属性。

 

animate({width:"xxx",opacity:“xxx”,marginLeft:"xxx",fontSize:"xxx"});

duration它定义用来应用于动画的时间

值可以是："slow", "fast", "normal" 或 毫秒

5，淡入淡出

 

	$(selector).fadeIn(speed,callback)				淡入

	$(selector).fadeOut(speed,callback)			淡出

	$(selector).fadeTo(speed,opacity,callback)		淡出并消失     opacity 参数规定减弱到给定的不透明度