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') )