Question

我通过CDN将jQuery添加到我的页面（没有问题），我甚至还有一个警报功能。我正在玩各种不同的东西，如隐藏和切换，但他们没有工作。这是我的代码

<!DOCTYPE html>
<html>

<body>
  <div>
    <center>
      <h1>Lets have fun!<br>
    I want to learn a little more <br>
    Finally feeling like I understand again!</h1>
    </center>
    <center><a href="#" class="btn btn-danger">Click This</a>
    </center>
  </div>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script>
    $(document).ready(function() {
      alert("This works");
      $("click this").hide(300)
    });
  </script>
</body>

</html>

Answer 1

在jQuery中引用一个类名，你用一个点（.）开始，一个ID将以一个哈希（#）开头，元素名称是确切的元素。因此，如果您有<div id="mydiv" class="myclass"/>之类的元素，则可以将其称为$('div')，$('#mydiv')或$('.myclass')。您也可以将多个选择器链接在一起，因此$('#myid.myclass')也是有效的。

有关详细信息，请参阅Selectors上的jQuery文档。

在您的示例中，您将使用：

$(".btn.btn-danger").hide(300);

Answer 2

我假设您要在单击“单击此”按钮时隐藏文本。您需要在jQuery中使用以下内容

$('a').on('click', function(){
      $('center').hide(300);
});

上面基本上说当你点击<a>元素时，隐藏带有300毫秒动画的<center>元素。示例here。

虽然上述方法有效，但我强烈建议您为<a>和<center>元素分配类或ID。否则，随着页面的扩展并开始添加更多相同的元素，您将开始看到jQuery绑定的意外副作用。

Answer 3

您需要将 $（“点击此”）更改为$（“。btn”）（或甚至$（“。btn.btn-danger”）））使用类和/或元素ID来定位元素。理想情况下，您的代码看起来像这样：

    <a href="#" id="my_link" class="btn btn-danger">Click This</a>

此外，你必须告诉jQuery你希望它为一个元素处理什么事件。如果您没有告诉它使用什么事件，那么它将在页面加载时对该元素起作用。

所以添加一个id并将代码更改为：

    $("#my_link").click(function() {
        $(this).hide();
    });

jQuery问题在我的页面上

3 个答案: