Javascript Append不是jquery的函数

在下面的代码中，我希望能够将

test\u div

附加到单击的元素。但是，我得到的错误消息是

TypeError:

e.srcElement.append

不是一个函数

$(document).ready(function() {

    onclick = function (e) {
        var test_div = document.createElement("div");
        target = e.srcElement
        target.append(test_div);
        }

    $('#dialogue').on('click', onclick);

});

我已经试着打印出
e.srcielement
的类型，但它只是说
object
，这不是很有帮助。向单击的项目追加元素的正确方法是什么？
.append（）
是jquery方法。要使用jquery方法，需要将DOM对象转换为jquery对象：

 $(target).append(test_div);

您需要为此使用jQuery。此外，您正在混合使用普通JavaScript和jQuery。另一种方法是：

$（文档）.ready（函数（）{
$（“#对话”）。在（'click'，函数（e）上{
var test_div=$（“”）；
$（this）.append（test_div）；
});
});
或者，您可以使用的javascript方法是
appendChild（）

target.appendChild（test_div）
e.srcElement
是一个DOM节点。在其中附加另一个元素的正确方法是
appendChild

.append
是等效的JQuery方法

这是文件吗


“我试着打印出
e.srcElement
的类型，但它只是说
object
”

console.log（）
调试消息