$( "#btnAddProfile" ).on( "click",function(event){
    $( event.target ).html( "Save" );
});

使用JQuery修改按钮文本的正确方法是使用.button()方法:

$( ".selector" ).button( "option", "label", "new text" );

对于在jQuery中使用.Button()创建的按钮........

而其他答案将改变文本，他们将混乱的样式的按钮，事实证明，当一个jQuery按钮被渲染的文本是嵌套在一个span例如。

<button id="thebutton">
  <span class="ui-button-text">My Text</span>
</button>

如果您删除了span并将其替换为文本(如其他示例中所示)—您将失去span和相关的格式。

所以你实际上需要改变SPAN标签内的文本，而不是BUTTON!

$("#thebutton span").text("My NEW Text");

或者(如果像我一样是在点击事件中完成的)

$("span", this).text("My NEW Text");

这取决于你使用的按钮类型

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").attr('value', 'Save'); //versions older than 1.6

<input type='button' value='Add' id='btnAddProfile'>
$("#btnAddProfile").prop('value', 'Save'); //versions newer than 1.6

<!-- Different button types-->

<button id='btnAddProfile' type='button'>Add</button>
$("#btnAddProfile").html('Save');

你的按钮也可以是一个链接。你需要发布一些HTML来获得更具体的答案。

编辑:当然，假设你用.click()调用包装了它，这些就可以工作了

编辑2:新的jQuery版本(从> 1.6开始)使用。prop而不是。attr

编辑3:如果你使用jQuery UI，你需要使用DaveUK的方法(如下)调整文本属性

你需要执行。button("refresh")

HTML:

<button id='btnviewdetails' type='button'>SET</button>

JS :

$('#btnviewdetails').text('Save').button("refresh");

$(文档)时函数(){ $(":按钮”).click(函数(){ $ (p) .toggle (); if (this.value=="Add") this。value = "保存"; 其他的。value = "添加"; })； })； <！DOCTYPE html > < html > < >头 < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js " > < /脚本> < / >头 <身体> <input type='button' value='Add' id='btnAddProfile'> <p>这是一个内容很少的段落 <p>这是另一小段 < /身体> < / html >