JQ中如何创建和插入节点

 /* 获取input的内容 创建h1 h1有input的内容 点击插入到.box里面*/
    // prepend是在父元素里面的内容最前面添加
    $('.a').click(function(){
        let inputVal = $('input').val();
        let h1 = $('<h1>'+inputVal+'</h1>');
        // $('.box').prepend(h1);
        /* 这里.box是可以不用$包裹的 */
        h1.prependTo('.box')
        $('input').val('');
    })
    // append是在父元素里面的内容最后面添加
    $('.b').click(function(){
        let inputVal = $('input').val();
        let h1 = $('<h1>'+inputVal+'</h1>');
        // $('.box').append(h1);
        /* 这里.box是可以不用$包裹的 */
        h1.appendTo('.box')
        $('input').val('');
    })