在jQuery中show和hide分别可用于对元素的显示和隐藏,下面让我看一下他们的用法吧
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>
以上代码运行后:
点击隐藏:
点击显示后:
原来字样会重新显示
而同时也有一个特殊的元素。那就是toggle
它可以使显示的元素隐藏,隐藏的元素显示,用法与hide,show完全相同