Question

我的标题应该被隐藏但是这不起作用。

<head>
    <title>jquery adding</title>
    <script src = "jquery-3.0.0.js"></script>
</head>

<body>
    <h1 id = "heading1">Kamran Arshad</h1>
    <script>
        $(function() {
            $("heading1").hide();   
        });
    </script>
</body>

Answer 1

你使用了错误的选择器。使用：

$("#heading1")

这是一个ID选择器，与您拥有的元素选择器相对。

以下是不同类型的选择器：

$("h1")

这将选择所有h1元素，并且是一个元素选择器，不带任何前缀。

$(".apples")

这是一个用于在元素上选择类的类选择器。

$("#apples")

这是一个ID选择器，用于从元素中选择ID。

在您的情况下，您有一个id为heading1的h1元素。使用ID选择器。

另外，我会确保你将jquery文件放在与这个html文件相同的文件夹中，并确保它被正确命名和引用。

Answer 2

您必须包含jquery src文件的有效路径。使用您的路径，您必须将jquery文件放在与此html文件相同的文件夹中。

此外，您的选择器是错误的。使用$（“＃heading1”），而不是$（“heading1”）

        $(function() {
            //$("heading1").hide();
          $("#heading1").css("color","red");
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 id="heading1">Kamran Arshad</h1>

我刚开始使用JavaScript。我已将jquery库添加到我的html页面，但这不起作用

2 个答案: