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项目。在左侧，从libs列表中选择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/