Jquery没有按我的意愿工作

Question

我有这个HTML代码：

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

这个jquery代码

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

我有这种CSS风格

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

我希望div中的文本在单击按钮时变为2.5em但是它没有按照我的意愿工作。 这是代码：

http://jsfiddle.net/MzJaH/

Answer 1

您的代码很好，记得在jsFiddle中将jQuery添加到项目中。在左侧，从库列表中选择jQuery！

Answer 2

你没有在你的小提琴中加入jQuery。我从左侧边栏顶部的菜单中添加了jQuery。 http://jsfiddle.net/MzJaH/11/

jQuery的：

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

我还将.bind点击更改为.click。

Answer 3

你应该首先引用jQuery js

Answer 4

更好地使用.click你忘记了jQuery！ 这里是。 http://jsfiddle.net/MzJaH/13/