Jquery没有如我所愿工作

我有以下HTML代码：

<div id="switcher" >
<h3>Style Switcher</h3>
<button id="switcher-large">
Large Print
</button>
    <br/> <br/>text
</div>

我有这个CSS样式

.large  {
font-size: 2.5em;
}**strong text**

当我点击按钮时，我希望div中的文本变成2.5em，但它并没有像我希望的那样工作。 代码如下：

---

您的小提琴中没有包含jQuery。我从左侧边栏顶部的菜单中添加了jQuery。

jQuery：

$(document).ready(function() {
    $('#switcher-large').click(function() {
        $('#switcher').addClass('large');
    });
});

---

我还更改了

。绑定
单击
。单击
您的代码很好，记得在JSFIDLE中将jQuery添加到项目中。在左侧，从libs列表中选择jQuery
 您应该首先参考jQuery js
更好地使用
。单击
您忘记了jQuery！
给你。
一旦包含jQuery:，您的小提琴就可以正常工作。另外，
.bind（）
被弃用，取而代之的是
.on（）
。只要您使用jquery，它就可以工作，您的原始文件中没有包含jquery。一旦您将JSFIDLE中的框架从纯javascript更改为jquery，所有工作都会如期进行。我开始学习jquery。。。谢谢你的帮助。。。
$(document).ready(function() {
    $('#switcher-large').click(function() {
        $('#switcher').addClass('large');
    });
});