jQuery是一種流行的JavaScript框架，它簡化了網(wǎng)頁開發(fā)的許多工作。其中一個非常有用的功能是使按鈕可編輯，這意味著用戶可以在單擊按鈕后編輯其文本內(nèi)容。如果你想學習如何使用jQuery實現(xiàn)此功能，請繼續(xù)閱讀本文。

// HTML代碼
<button id="editBtn">編輯按鈕</button>
// jQuery代碼
$(document).ready(function() {
$('#editBtn').click(function() {
var text = $(this).text();
$(this).html('<input type="text" value="' + text + '">');
$(this).children().first().focus();
$(this).children().first().keypress(function(event) {
if (event.which == 13) {
var newText = $(this).val();
$(this).parent().text(newText);
}
});
});
});

以上jQuery代碼中，我們首先在<button>標簽中包裝了一個文本輸入框。當用戶單擊按鈕時，文本輸入框?qū)⑷〈嘉谋荆藭r用戶可以直接在文本框中編輯文本。當用戶完成編輯并按下“回車”鍵時，jQuery代碼將新文本更新到按鈕文本中并移除文本框。

通過這種方式，我們可以很輕松地讓按鈕成為可編輯的文本框，這對于需要用戶輸入文本的交互非常有用。