Как изменить текст кнопки с помощью jQuery
Вы можете просто использовать jQuery-метод prop()
для изменения текста кнопок, созданных с помощью HTML-элемента <input>
, тогда как для изменения текста кнопок, созданных с помощью элемента <button>
, вам нужно использовать метод html()
. Код jQuery в следующем примере изменит текст кнопки в готовом документе:
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery Change Button Text</title>
<script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
<script>$(document).ready(function(){ // Изменяем текст в элементе input button $("#myInput").prop("value", "Input New Text"); // Изменяем текст в элементе button $("#myButton").html("Button New Text");
});
</script>
</head><body> <input type="button" id="myInput" value="Input Text"> <button type="button" id="myButton">Button Text</button></body></html>