¿Cómo cambiar el texto de un botón en jQuery?

¿Cómo se cambia el valor de texto de un botón en jQuery? Actualmente, mi botón tiene 'Agregar' como valor de texto y, al hacer clic, quiero que cambie a 'Guardar'. He probado este método a continuación, pero hasta ahora sin éxito:

$("#btnAddProfile").attr('value', 'Save');

Depende de qué tipo de botón esté usando

<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');

Su botón también podría ser un enlace. Deberá publicar algo de HTML para obtener una respuesta más específica.

EDITAR : funcionará suponiendo que lo haya envuelto en una .click()llamada, por supuesto

EDIT 2 : Las versiones más nuevas de jQuery (desde> 1.6) usan en .proplugar de.attr

EDITAR 3 : si está usando jQuery UI, debe usar el método de DaveUK (a continuación ) para ajustar la propiedad de texto

Para botones creados con .Button () en jQuery ........

Si bien las otras respuestas cambiarán el texto, alterarán el estilo del botón, resulta que cuando se representa un botón jQuery, el texto del botón está anidado dentro de un intervalo, por ejemplo

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

Si elimina el intervalo y lo reemplaza con texto (como en los otros ejemplos), perderá el intervalo y el formato asociado.

Por lo tanto, ¡realmente necesita cambiar el texto dentro de la etiqueta SPAN y NO el BOTÓN!

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

o (si como yo se está haciendo en un evento de clic)

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

La forma correcta de cambiar el texto del botón si se "abotonó" usando JQuery es usar el método .button ():

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

Para cambiar el texto de un botón, simplemente ejecute la siguiente línea de jQuery para

<input type='button' value='XYZ' id='btnAddProfile'>

utilizar

$("#btnAddProfile").val('Save');

mientras que para

<button id='btnAddProfile'>XYZ</button>

utilizar este

$("#btnAddProfile").html('Save');

Utilizar .val()

Aquí hay un enlace a JSfiddle

Necesitas hacer .button("refresh")

HTML :

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

JS :

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

Si ha abotonado su botón, esto parece funcionar:

<button id="button">First caption</button>

$('#button').button();//make it nice
var text="new caption";
$('#button').children().first().html(text);

$("#btnAddProfile").text("Save");

Puedes usar algo como esto:

$('#your-button').text('New Value');

También puede agregar propiedades adicionales como esta:

$(this).text('New Value').attr('disabled', true).addClass('bt-hud').unbind('click');

Puedes usar

$("#btnAddProfile").text('Save');

a pesar de que

$("#btnAddProfile").html('Save');

funcionaría bien, pero es engañoso (da la impresión de que podrías escribir algo como

$("#btnAddProfile").html('Save <b>now</b>');

pero claro que no puedes

document.getElementById('btnAddProfile').value='Save';

$("#btnAddProfile").click(function(){
    $("#btnAddProfile").attr('value', 'Save');
 });

es trabajo para mí html:

<button type="button" class="btn btn-primary" id="btnSaveSchedule">abc</button>

js

$("#btnSaveSchedule").text("new value");

¿Le ha dado a su botón una clase en lugar de una identificación? prueba el siguiente código

$(".btnSave").attr('value', 'Save');

$("#btnviewdetails").click(function(){
    if($(this).val()!="hide details"){
        $("#detailedoutput").show();
        $(this).val('hide details');
    }else{
        $("#detailedoutput").hide();
        $(this).val('view more details');
    }

});

Esto debería funcionar:

$("#btnAddProfile").prop('value', 'Save');       
$("#btnAddProfile").button('refresh');

$("#btnAddProfile").html('Save').button('refresh');

eso es exactamente correcto, esto funciona para mí;

    $('#btnAddProfile').bind('click',function(){
    $(this).attr('value','save');
})

¿estás seguro de que Jquery está disponible y que tu código está en el lugar correcto?

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

Cambio de nombre de la etiqueta del botón en C #.

<button type="submit" name="add" id="btnUpdate" class="btn btn-primary" runat="server" onserverclick="btnUpdate_Click">
Add

btnUpdate.**InnerText** = "Update";