插入同辈节点

操作jq节点，方法传入的参数必须是jq对象节点

let li = $('

我爱js

');

在.li2的后面插入jq节点 两者是同级的

after方法不仅可以在后面插入新建的jq节点，也可以插入已存在的jq节点

$('.li2').after(li);

$('.li2').after($('.a'));

$(A). insertAfter (B)表示将A插入到B之后

li.insertAfter('.li2')

$('.a').insertAfter('.li2')

after和insertAfter 写法不一样，实现效果一致

$(A). before (B)表示将B插入至A之前

$('.li2').before(li)

因为.a不是同级元素，所以这里.a是需要用$包裹的

$('.li2').before($('.a'))

$(A). insertBefore (B)表示将A插入到B之前

以下两种写法都可以

li.insertBefore( $('.li2') )

li.insertBefore( '.li2' )

$('.a').insertBefore('.li2')