当单击按钮时，隐藏已显示页面加载的段落

hide a paragraph that is already showing page load when button is clicked

本文关键字：加载 段落 显示 按钮 单击 隐藏      更新时间：2024-04-25

我不知道如何做到这一点，但我想知道当点击按钮时，如何隐藏页面加载时显示的文本。

这就是我目前拥有的：

$(document).ready(function() {
   var $p = $('p#menu_title');
   $("input#save_first_prod").click(function() {
      $p.css('visibility', 'hidden');
   });
});
<div id="red_head">
   <p id="menu_title" onclick="hideText('text1')" > Add your first menu item</p>
</div>
<form name="first_prod" id="first_prod" enctype="multipart/form-data" action="testing.php" method="post" accept-charset="utf-8" >               
   <input type="Submit" id="save_first_prod" name="save_first_prod" value=" + ADD"> 
</form>

使用display:none;而不是visibility

将$p.css('visibility', 'hidden');更改为$p.css('display', 'none');

这对我来说很好

$(document).ready(function() {
var $p = $('p#menu_title');
$("input#save_first_prod").click(function() {
    $p.css('display', 'none');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="red_head">
                <p id="menu_title" onclick="hideText('text1')" > Add your first menu item</p>
            </div>
 <form name="first_prod" id="first_prod" enctype="multipart/form-data" action="testing.php" method="post" accept-charset="utf-8" >               
<input type="Submit" id="save_first_prod" name="save_first_prod" value=" + ADD"> 
            </form>

相关文章：