如何使用 jQuery 隐藏标签？

Question

**<!DOCTYPE html>
<html lang="en">
<head>
  <title>welcome to Wall Street model</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#c").click(function(){
    $("h1").hide();
});
</script>

</head>  

<button id="c">click to hide</button>

<h1>this is a message</h1>
</body>
</html>**

我是 jQuery 的新手。当按钮 clicked.but 不起作用时，我尝试使用此代码隐藏 h1 标签。

Answer 1

缺少});可以在fiddle

中找到演示

<script>
$(document).ready(function(){
  $("#c").click(function(){
    $("h1").hide();
  });
});
</script>

Answer 2

当您编写代码时，您需要确保所有语法正确：

$(document).ready(function(){
    $("#c").click(function(){
        $("h1").hide();
});

这里你忘记了一个});。应该是：

$(document).ready(function(){
    $("#c").click(function(){
        $("h1").hide();
    });
});

你JavaScript不会工作因为当浏览器遇到一个问题它会立即停止执行JavaScript.

如何使用 jQuery 隐藏标签？

how to hide tags using jQuery?

html

jquery

JSBin