如何通过jquery将html按钮转换为submit按钮并更改其文本

我有一个输入类型为按钮的普通按钮，请参见下文

<input type="button" name="btn" value="clickME">

如何使用jQuery将上面的按钮转换为下面的“提交”按钮及其文本，即按钮应该从“clickMe”更改为“Add”

<input type="submit" name="btn" value="Add">

---

将类添加到按钮

在jquery中

$(".button01").prop('type','submit');
$(".button01").val('Add');

添加id“button1”

---

简单地说，使用jquerycheck下面的代码更改其属性

$（文档）.ready（函数（）{
$（'#btnMyButton'）。单击（函数（）{
$（'btnMyButton'）.attr（'type'，'submit'）.val（'Add'）；
});
})

---

我还想知道您的要求，为什么在创建时将该按钮作为提交按钮？有什么问题吗？无论如何，试试下面的代码，它会给出结果

$('#btnMyButton').attr('type','submit').val('Add')

或

 $('#btnMyButton').prop('type','submit').val('Add')

如果要在单击事件中执行此操作，请使用以下代码

$(document).ready(function(){
    $('#btnMyButton').click(function(){
        $('#btnMyButton').prop('type','submit').val('Add');//prop or attr
    });

})

---

最佳实践是不要操纵dom来更改is功能。这是因为您的标记没有反映页面的意图

这就是说…如果你仍然想这样做，你可以删除它并插入一个新元素，就像这样

$('input[type=button]').insertAfter('<input type="submit" name="btn" value="Add" />');
$('input[type=button]').remove();

---

只是想知道，为什么不直接在HTML标记中设置它呢？检查一下如何使用jquery很好地更改类型和文本。。让我告诉你，点击这个按钮也会显示/隐藏一个标签。然而，与此同时，我希望该按钮被更改为提交类型。我该怎么做？添加一些你已经完成的代码。嗨，沙阿，你发布的代码正在工作。但问题是，当我点击第一个按钮时，它正在将其更改为“提交”类型，并将其值更改为“添加”…但同时它正在提交我不想要的页面。我希望将其更改为“提交”类型。之后，如果我显式单击它，那么只有它应该提交。

$('input[type=button]').insertAfter('<input type="submit" name="btn" value="Add" />');
$('input[type=button]').remove();

$('input[type=button]').hide();
$('input[type=submit]').show();