jquery总结06-动画事件01-基础显示和隐藏
Posted crystalhuhu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery总结06-动画事件01-基础显示和隐藏相关的知识,希望对你有一定的参考价值。
动画事件
.hide(option) 动画隐藏 会保存元素的原始属性值
$("#a2").hide({
duration: 3000,
complete: function() {
alert(‘执行3000ms动画完毕‘)
}
})
.show(option)动画显示
show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置
如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css(‘display‘, ‘block !important‘)重写样式
如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度
.toggle(option) 隐藏或显示切换 内在原理还是用的.hide()和.show()
$("button:last").click(function() {
$(".right").toggle(3000);
});
以上是关于jquery总结06-动画事件01-基础显示和隐藏的主要内容,如果未能解决你的问题,请参考以下文章