jQuery效果

1.显示和隐藏

$('selector').hide(speed,calback)隐藏元素

speed（可选参数）可取slow或fast或毫秒值

calback（可选参数）动画完成之后执行的函数

.$('selector').show(speed,calback)显示元素

.$('selector').toggle(speed,calback)自动根据元素的状态来隐藏或显示

2.淡入淡出

.$('selector').fadeIn(speed,calback)淡入效果

.$('selector').fadeOut(speed,calback)淡出效果

.$('selector').fadeToggle(speed,calback)自动根据元素的状态来淡入或淡出

$(selector).fadeTo(speed,opacity,callback);

speed（必选参数）opacity（必选参数）

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）

3.上下滑动

.$('selector').slideUp(speed,calback)上滑

.$('selector').slideDown(speed,calback)下滑

.$('selector').slideToggle(speed,calback)自动根据元素的状态来上滑或下滑

4.动画

定义动画

$(selector).animate({params},speed,callback)

params（必选参数）定义形成动画的css属性，可使用多个css属性，属性要用驼峰命名法，例如上边距使用

marginTop而不是margin-top,还可以把动画设成预定的值，例如（show，hide，toggle...），可定义多个动画，它们会按顺序执行

停止动画

$(selector).stop(stopAll,goToEnd)

stopAll（可选参数）默认值为false，仅停止当前的动画，允许后面的动画执行；为true的话停止所有的动画

goToEnd（可选参数）默认值为false  规定是否立即完成当前动画

5.可以把动作/方法链在一起

例如：$('p').css('color','blue').css('fontSize','20px').hide()

p标签会先变成蓝色，然后字体大小变成20px，再隐藏

也可以这样写

$('p').css('color','blue')

.css('fontSize','20px')

.hide()

jQuery 会抛掉多余的空格，并当成一行长代码来执行上面的代码行