Jquery在单击submit时显示一个div

当我点击一个按钮时，我必须显示一个包含内容的div

HTML

<input type="submit" id="but">​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

JS

$("#but").click(function () {
    alert("h");
    $(this).html('<div>test</div>');​
});

$（“#但是”）。单击（函数（）{
警报（“h”）；
$（this.html（'test'）；​
});

但这是行不通的​

如果您想将

添加到您的DOM中，请使用以下命令：

$("#but").click(function() {
    $("<div>test</div>").appendTo("body");
});

---

输入不是

容器

使用

后

或

前

$("#but").click(function () {
    $(this).after('<div>test</div>');
});

$（“#但是”）。单击（函数（）{
$（此）。在（'test'）之后；
});

---

演示：

您使用了提交类型的输入按钮，这会导致回发。所以，当您尝试任何jquery时，它都会工作，但页面会被发回，所以它似乎不工作。使用input type='button'则它将工作

$("#but").click(function () {
    $(this).after('<div>test</div>');
});