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

Question

我正在尝试使按钮的文本在单击时变为粗体。我尝试过使用这个问题的建议：How to make a text in font/weight style bold in JavaScript

http://jsfiddle.net/14tjwvnq/

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

Answer 1

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

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

jsFiddle

Answer 2

YOU MIGHT NOT NEED 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>

fiddle

Answer 3

在通过javascript设置属性之前，您需要将jquery对象转换为javascript对象。还要确保定义了onclick方法：

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

<强> Working Demo