增加节点

$('<div>')  =>  document.createElement('div')

删除节点

$('#test').remove()  

复制节点

$('div').clone()  =>  document.querySelector('div').cloneNode(true)

插入节点:

$('div').append('<span></span>')


var span = document.createElement('span');
document.querySelector('div').appendChild(span);

某元素前插入新的子节点

$('<span>').insertBefore('#test'); 


var t = document.getElementById('test');
var span = document.createElement('span');
t.parentNode.insertBefore(span, t);


/*更简单的*/
t.insertAdjacentHTML('beforeBegin', '<span></span>');

某元素后插入新的子节点

$('<span>').insertAfter('#test')


function insertAfter(elem, newNode){
  if(elem.nextElementSibling) {
    elem.parentNode.insertBefore(newNode, elem.nextElementSibling);
  } else {
    elem.parentNode.appendChild(newNode);
  }
}
var t = document.getElementById('test');   

var span = document.createElement('span');   
insertAfter(t, span);


/*更简单的*/
t.insertAdjacentHTML('afterEnd', '<span></span>');