为什么输出结果是object

<div class = "kindOfReason">

    <div class = "chooseBtn">

         <div></div> 

        <div></div> 

        <div></div> 

        <div></div> 

</div>

</div>

<script>

 window.onload = function(){

       var ok = document.querySelector(".chooseBtn");

       var ko = document.querySelector(".kindOfReason");

       ok.onclick = function(ev){

         var target = $(ev.target);

           ko.append($(target).clone(true));

       }

     }

</script>

我想点击最小的div并将它复制给kindofreason  结果输出的却是[object object] 这是为啥

 $(ev.target)是个dom数组，你append dom数组无法解析就是这样

$('.ok').click(function(){
    $(".kindOfReason").append($(this).clone())
})

建议jQuery代码不要和JS代码混用，否则容易出错