隐藏与显示
hide() 函数表示隐藏元素。
语法
hide(time,function) ;
- time表示隐藏的速度,以毫秒为单位
- function表示隐藏完后要执行的函数。
$(function() {
$("#img").click(function() {
$('#ll').hide(1000, function() {
alert("以显示完毕") //将才1000毫秒后显示对话框
});
})
})
show() 相当于hide()相反,用于显示元素,其中规定了显示速度和显示完后的执行函数。
示例
<body>
<button id="img">隐藏</button>
<button id="img1">显示</button>
<div id="ll">这个元素将被隐藏</div>
<script>
$(function() {
$("#img ").click(function() {
$('#ll').hide(1000, function() {
alert("以隐藏完毕 ")
});
})
$("#img1 ").click(function() {
$('#ll').show(1000, function() {
alert("以显示完毕 ")
});
})
})
</script>
</body>
显示于隐藏结合
toggle()可以用来在显示和隐藏中间切换。
语法
$(selector).toggle(time,function);
- time表示两者之间转换的速度
- function表示执行的函数
<body>
<button id="img">隐藏和显示</button>
<div id="ll">这个元素将被隐藏和显示之间切换</div>
<script>
$(function() {
$("#img ").click(function() {
$('#ll').toggle(1000, function() {
});
})
})
</script>
</body>