单击时将按钮文本更改为粗体

Question

我试图使按钮的文本在单击时变为粗体。 我尝试使用以下问题的建议： 如何在JavaScript中以粗体显示字体/粗体样式的文本

http://jsfiddle.net/14tjwvnq/

function boldButton(){
    $('#btn').style.fontWeight = '700';
}

Answer 1

在jQuery中，您需要使用css方法：

$('#btn').css( 'font-weight', '700' );

的jsfiddle

Answer 2

您可能不需要JQUERY

//Inline
<button class="btn" id="btn1" onclick="this.style.fontWeight = 'bold'">Test1</button>
//OR with function
<button class="btn" id="btn2" onclick="boldButton(this)">Test2</button>

<scrypt>
function boldButton(btn){
    btn.style.fontWeight =  '700';
}
</scrypt>

小提琴

Answer 3

您需要先将jquery对象转换为javascript对象，然后才能通过javascript设置属性。 还要确保定义了onclick方法：

 function boldButton(num){
   $('#btn'+num)[0].style.fontWeight = '700';
 }

工作演示