我想只在点击时“显示”一条消息

Question

jQuery的：

$(document).ready(function(){
    $("button").click(function(){
        $("#message").show();
    }); 
});

HTML：

<div id="message">
    <p> You will be their life line, please take your purchase seriously.</p>
</div>

这是我的代码，但我想在点击时显示消息或为其设置动画，但在点击之前我不希望它显示。

Answer 1

USe css for that

#message
{
   display:none;
  }

或者你也可以使用jquery。

$(document).ready(function(){
  $("#message").hide();
   $("button").click(function(){
    $("#message").show();
   }); 
 });

Answer 2

首先，您需要在css中设置显示：

#message{
  display: none;
}

然后调用jquery在单击按钮时显示它：

$(document).ready(function(){
    $("button").click(function(){
        $("#message").show();
    }); 
});

Answer 3

使用CSS：

 <div id="message" style="display:none;">

使用JS：

$('#message').hide();