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 会抛掉多余的空格,并当成一行长代码来执行上面的代码行