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/