普通效果
hide()
例子:$(selector).hide(speed.callback)
可选的speed参数规定隐藏的速度,可以取以下值:"show","fast"或毫秒
可选的callback参数是隐藏完成后所执行的函数名称
show()
例子:$(selector).show(speed.callback)
可选的speed参数规定显示的速度,可以取以下值:"show","fast"或毫秒
可选的callback参数是隐藏完成后所执行的函数名称
toggle()
例子:$(selector).toggle(speed.callback)
可选的speed参数规定隐藏/显示的速度,可以取以下值:"show","fast"或毫秒
可选的callback参数是隐藏完成后所执行的函数名称
淡入淡出
fadeln()
例子:$(selector).fadeln(speed.callback)
用于淡入已隐藏的元素
fadeOut()
例子:$(selector).fadeOut()(speed.callback)
用于淡入可见的元素
fadeToggle()
例子:$(selector).fadeTpggle()(speed.callback)
用于fadein()和fadeOut()之间元素的切换
fadeTo()
例子:$(selector).fadeTo()(speed.callback)
允许渐变为给定的不透明度(值介于0-1之间)
动画效果
语法:
$(selector).animate({params},speed,callback)
单个属性
$("tr[id^=r-]".animate({height:"100px"},"fast"))
多个属性
$('[widgetname="BUTTONO"]').animate({left:"100px",top:"-=20px"},"slow")
连续动画
$('[widgetname="BUTTONO"]').animate({
left:"+=20px",
top:"-=20px"
},"slow")
$('[#fr-btn-BUTTONO]').animate({
backgroundColor."red"
},"slow")
$('[widgetname="BUTTONO"]').animate({
left:"-=20px",
top:"+=20px"
},"slow")
$('[#fr-btn-BUTTONO]').animate({
backgroundColor."#47a8ea"
},"slow")
链式语法:
是往相同的元素上运行多条JQuery命令,一条接着一条,这样浏览器不必查询相同的元素,如需链接上一个动作,只需简单地把改动作追加到之前的动作之上即可
例子:$("td[id^=A1-]").css("background","red")
.fadeOut("slow");
.fadeIn("slow");
帆软链接颜色引用绝对路径示例:https://cdn.bootcss.com/jquery-color/2.1.2/jquery.color.min.js
链式语法