JQuery hide()
JQuery hide()方法用于隐藏选定的元素。
语法:
$(selector).hide();
$(selector).hide(speed, callback);
$(selector).hide(speed, easing, callback);
speed: 这是一个可选参数。它指定延迟的速度。可能的值是慢,快和毫秒。
easing: 它指定用于过渡的缓和功能。
callback: 也是可选参数。它指定了hide()效果完成后要调用的函数。
我们来看一个JQuery隐藏效果的例子。
<!DOCTYPE html>
<html>
<head>
<script src="/ajax/libs/JQuery/1.11.2/JQuery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<p>
<b>这是一首小诗: </b><br/>
一闪一闪的小星星<br/>
我想知道你是什么<br/>
如此之高<br/>
像天空中的钻石<br/>
一闪一闪,一闪一闪的小星星<br/>
我想知道你是什么
</p>
<button id="hide">隐藏</button>
</body>
</html>
输出:
这是一首小诗:
一闪一闪的小星星
我想知道你是什么
如此之高
像天空中的钻石
一闪一闪,一闪一闪的小星星
我想知道你是什么