Javascript：在 <div> 標簽

Question

我試圖在javascript中創建代碼，以修改html中的文本和圖像。 這段代碼的目的是通過單擊按鈕來隱藏顯示文本，所有這些都在標簽內

這是我正在使用的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：如果我刪除了“使用嚴格”命令，“方括號”會抱怨缺少該命令。

Answer 1

瀏覽器默認不包含jQuery 。 您需要通過將此<script>標記放在頭部來添加它。 這將包括jQuery編碼的JavaScript文件。

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

而且，只有一個元素可以具有ID，因此$('#container #hide')可以只是$('#hide')

Javascript：在 <div> 標簽

問題描述

1 個解決方案

解決方案1
3 已采納 2015-05-03 15:46:56

Javascript：在 <div> 標簽

問題描述

1 個解決方案

解決方案1 3 已采納 2015-05-03 15:46:56

解決方案1
3 已采納 2015-05-03 15:46:56