jQuery的节点创建和写入

1、创建节点
创建一个 jQuery 的标签对象
在 $() 中 直接定义标签
可以直接在创建的标签节点中,定义属性,属性值等
必须写一个完整的标签结构 起始和结束标签

const oDiv1 = $('<div id="div1" class="div1" name="div1" index="1">我是div1</div>');

<h1>
        	我是h1的内容
 	   </h1>

     **2,写入标签节点**
             // (1) 父级标签,最后写入     嵌套关系
    // $('父级标签').append(要写入的子级标签节点)
    // $('h1').append(oDiv1);

    // (2) 父级标签,最后写入     嵌套关系
    // 要写入的子级标签节点.appendTo( $('父级标签') )
    // oDiv1.appendTo( $('h1') );

    // (3) 父级标签 起始写入     嵌套关系
    // $(父级元素).prepend(要写入的子级标签节点)
    // $('h1').prepend(oDiv1);

    // (4) 父级标签,起始写入     嵌套关系
    // 要写入的子级标签节点.prependTo( $('父级标签') )
    // oDiv1.prependTo( $('h1') );

    // (5) 在已有标签后,新增标签  平级关系 
    // 已有标签.after( 新增标签 )
    // $('h1').after(oDiv1);

    // (6) 在已有标签后,新增标签  平级关系 
    // 新增标签.insertAfter( 已有标签 )
    // oDiv1.insertAfter( $('h1') )

    // (7) 在已有标签前,新增标签  平级关系 
    // 已有标签.before( 新增标签 )
    // $('h1').before(oDiv1);

    // (8) 在已有标签后,新增标签  平级关系 
    // 新增标签.insertBefore( 已有标签 )
    // oDiv1.insertBefore( $('h1') )