jQuery的显示隐藏

在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完全相同

扫描二维码关注公众号,回复: 3641524 查看本文章

猜你喜欢

转载自blog.csdn.net/eggplant_/article/details/83053504