jQuery简单实现隐藏以及显示特效

简单的 隐藏以及显示的代码如下:

<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery.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>

效果很不错,代码也很简单,希望大家能够喜欢。

以上是 jQuery简单实现隐藏以及显示特效 的全部内容, 来源链接: utcz.com/z/315415.html

回到顶部