我应该检查 HTML 代码的哪些部分来纠正这个 JS 错误？答案

【问题标题】：Which parts of the HTML code should I check to correct this JS error?我应该检查 HTML 代码的哪些部分来纠正这个 JS 错误？
【发布时间】：2015-03-01 05:51:32
【问题描述】：

当我尝试让一个 div 淡出时，它不会让我告诉我其他 div 正在淡出。我正在尝试选择一个特定的 div，它不会让我这样做。我需要检查这三个文件中的哪些行来纠正我的错误？

$(document).ready(function() {
    $('button').click(function() {
        $('#blue').fadeOut();
    });
});

我有这个 HTML 代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Vanishing Act</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <div id="blue"></div>
        <div></div>
        <div></div>
        <div></div>
        <br/><button>Click Me!</button>
    </body>
</html>

这是我的 CSS 代码，以防万一：

div {
    height: 100px;
    width: 100px;
    display: inline-block;
    background-color: #F38630;
    border-radius: 5px;
}

#blue {
    background-color: #A7DBD8;
}

我再次尝试在 JQ 库中的 JS 中选择 仅蓝色 ID。那么，我必须查看哪些代码行，问题出在哪里？

【问题讨论】：

你能发布一个重现问题的小提琴吗？没有看到 HTML 很难给你答案
另外，有没有人注意到 JQ 和 JS 语法的相似之处？ - 这可能是因为 jQuery 只不过是一个 JavaScript 库！
听起来您有多个具有该 ID 的 div。
小提琴？什么是小提琴？您的意思是编辑它以包含所有代码？我不知道这个网站是否允许这样做。还是你的意思是别的？
@user3695903 JSFiddle 是一个您可以发布代码供人们查看的地方

标签： javascript jquery html css jquery-selectors

【解决方案1】：

按照你和 Bram 所说的话，检查以下可能性：

您有多个 id 为“blue”的 div
你定位错误的 div
更新您的浏览器并在多个浏览器中检查。

我认为，最好重新检查您的 HTML 代码。

【讨论】：