Javascript：修改a<；中的段落；部门>；标签

我试图在javascript中创建一个代码来修改html中的文本和图像。这段代码的目的是通过单击按钮隐藏显示文本，所有这些都在标记内部

这是我正在使用的html代码（index.html）：

我已经在网上搜索过了，很多教程都把这个结构作为一个工作结构，在我的情况下是不工作的。正如您所看到的，javascript结构中的显示和隐藏代码是不同的，这是我发现的测试代码的两种配置，它们都失败了

我用括号编译了这个练习，并在internet explorer、mozilla firefox和google chrome上进行了测试。代码没有在其中任何一个上运行，有什么解决方案可以让它工作吗

---

PS：如果删除“use strict”命令，“方括号”会抱怨缺少该命令。

jQuery in默认情况下不包括在浏览器中。您需要通过将此

标记放在您的头部来添加它。这将包括编码jQuery的JavaScript文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

---

---

此外，只有一个元素可以有ID，因此

$（“#容器#隐藏”）

可以是

$（“#隐藏”）

您的代码对我来说似乎工作正常：。基于您的HTML，我假设您没有包含jQuery。您知道您正在使用jQuery吗？这是一个你必须包括在内的图书馆。看看它的教程：你给我的链接是正确的，但第二部分是错误的。双ID是元素的路径，正如我在问题中提出的那样，它是双向工作的。

/*jslint browser: true*/
/*global $, jQuery, alert*/
$(document).ready(function () {
    "use strict";
    $("#container #hide").click(function () {
        alert("hide pressed");
        $("#container p").hide();
    });
    $("#show").click(function () {
        alert("show pressed");
        $("p").show();
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>