JQuery基礎.show();.hide();

来源:互联网 发布:佳能照片打印机软件 编辑:程序博客网 时间:2024/05/16 12:00
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });


  $("pl").click(function(){
    $(this).hide();
    alert("TEST")
    //(this).show();  
  });


  $("p2").click(function(){
    alert("TESTGAN")
    $("pl").show();  
  });


});
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p2>ttt</p2><pl style="display:">点击我,我会消失。</pl>sss
<p>也要点击我哦。</p>
</body>
</html>
原创粉丝点击