Javascript：修改标签内的段落<div>

我正在尝试在JavaScript中创建一个代码，该代码修改了HTML中A中的文本和图像。该代码的目的是通过单击按钮隐藏一个文本，所有这些都在标签的内部

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

    <!DOCTYPE html>
<html>
    <head>
        <script src="js/js.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="container">
            <p>If you click on the "Hide" button, I will disappear.</p>
            <button id="hide">Hide</button>
            <button id="show">Show</button>
        </div>
    </body>
</html>

和JavaScript文件（JS.JS）：

/*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();
    });
});

我已经搜索了网络，并且在我的情况下，许多教程将此结构视为一种工作结构。正如您可以在JavaScript结构中看到的显示和隐藏代码不同的那样，这是我发现测试代码的两个配置，并且两个配置都失败了。

我已经用"支架"编辑了此练习，并在Internet Explorer，Mozilla Firefox和Google Chrome中对其进行了测试。该代码没有在其中任何一个，任何解决方案都可以使此操作？

ps：如果我删除"使用严格"命令，"括号"抱怨缺少它。

jquery在browser 中未包含。您需要通过将此<script>标签放入头部来添加。这将包括编码jQuery的JavaScript文件。

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

另外，只有一个元素可以具有ID，因此$('#container #hide')可以是$('#hide')

相关内容

最新更新

热门标签：