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

Question

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

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

Answer 1

在jQuery中你需要使用css方法：

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

jsFiddle

Answer 2

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

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

Working Demo

Answer 3

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

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

Change button text to bold on click

javascript

jquery