Javascript 单击时切换按钮背景色

谁能帮我一下吗

它可以完美地切换按钮，但我不知道为什么它在JSFIDLE上工作而在我的页面上不工作。我需要一些js文件吗

<div class="button">button 1</div>
<div class="button">button 2</div>
<div class="button">button 3</div>
<div class="button">button 4</div>
<div class="button">button 5</div>
<div class="button">button 6</div>

按钮1
按钮2
按钮3
按钮4
按钮5
按钮6

您希望在

DOM ready

上启动代码，如下所示：

$(function() { //<<<<----
    $('.button').on('click', function() {
        $(this).toggleClass('myClass').siblings().removeClass('myClass');
    });
}); //<<<<----

---

$（function（）{/您希望在
DOM ready
上启动代码，如下所示：

$(function() { //<<<<----
    $('.button').on('click', function() {
        $(this).toggleClass('myClass').siblings().removeClass('myClass');
    });
}); //<<<<----

$（函数（）{//您的页面中是否安装并包含jQuery？能否提供页面链接或其他内容，以便我们查看原始代码？我在页眉上有此功能，但不起作用。您的页面中是否安装并包含jQuery？能否提供页面链接或其他内容，以便我们可以查看原始代码？我在页眉上有此功能ader但不起作用您是否已安装jQuery并将其包含在您的页面中？您能否提供一个链接或其他内容到您的页面，以便我们可以看到原始代码？我在页眉上有这个，但不起作用，先生，但正如您在“框架和扩展”区域左侧提供的链接中所看到的，有一个称为“jQuery 1.11.0”的内容当我修改它时，代码就不起作用了。这是我需要的文件吗？你能在你的页面上提供所有相关的代码吗？忘了JSFIDLE吧。哦，我刚刚注意到如果我把我的js代码放在两者之间，那么它就会起作用。但是为什么我不能把它放在head或js文件中呢？这可能是因为你的js现在在.button元素下面。按钮{边框：1px实心#444；背景：绿色；浮动：左侧；边距：3px；填充：3px；}.myClass{background:yellow；}我不明白，先生，但正如您在“框架与扩展”区域中我提供的左侧链接中看到的，有一个叫做“jQuery 1.11.0”的东西当我修改它时，代码就不起作用了。这是我需要的文件吗？你能在你的页面上提供所有相关的代码吗？忘了JSFIDLE吧。哦，我刚刚注意到如果我把我的js代码放在两者之间，那么它就会起作用。但是为什么我不能把它放在head或js文件中呢？这可能是因为你的js现在在.button元素下面。按钮{边框：1px实心#444；背景：绿色；浮动：左侧；边距：3px；填充：3px；}.myClass{background:yellow；}我不明白，先生，但正如您在“框架与扩展”区域中我提供的左侧链接中看到的，有一个叫做“jQuery 1.11.0”的东西当我修改它时，代码就不起作用了。这是我需要的文件吗？你能在你的页面上提供所有相关的代码吗？忘了JSFIDLE吧。哦，我刚刚注意到如果我把我的js代码放在两者之间，那么它就会起作用。但是为什么我不能把它放在head或js文件中呢？这可能是因为你的js现在在.button元素下面。如果你把它放在上面，它将不起作用..按钮{border:1px solid#444；背景：绿色；float:left；边距：3px；padding:3px；}.myClass{background:yellow；}