创建和插入节点

        <h1>我爱南京城</h1>
    </div>
    <input type="text">
    <button class="a">前置添加</button>
    <button class="b">后置添加</button>
 
        /* 获取input的内容 创建h1 h1有input的内容 点击插入到.box里面*/
        $('.a').click(function(){
            let inputVal = $('input').val();
            let h1 = $('<h1>'+inputVal+'</h1>');
            // $('.box').prepend(h1);
            /* 这里.box是可以不用$包裹的 */
            h1.prependTo('.box')
            $('input').val('');
        })

        $('.b').click(function(){
            let inputVal = $('input').val();
            let h1 = $('<h1>'+inputVal+'</h1>');
            // $('.box').append(h1);
            /* 这里.box是可以不用$包裹的 */
            h1.appendTo('.box')
            $('input').val('');
        })