单击按钮时出现问题隐藏元素

Question

我尝试通过单击按钮隐藏文本,不知道如何完成:..

<script type="text/javascript">
   $('.HideButton').click(
      function () {
         $('#disclaimer').hide();
      }
   );
</script>

身体:

<p id="disclaimer" > DDDDDDDDDDDDDDDDDDDDDDDDDD</p>
<asp:Button ID="Button1" CssClass="HideButton"  runat="server" Text="Hide" />

Answer 1

你需要将它包装在ready处理程序中,但除此之外它应该工作:

$(function() {
    $('.HideButton').click(function () {
        $('#disclaimer').hide();
    }); 
});

(演示 - 稍微改变以克服ASP依赖性.)请注意,按钮可能还有其他副作用,参见 @Zootius的回答.