https://dom.spec.whatwg.org/#interface-childnode
DOM manipulation convenience methods 是 WHATWG 的 Living Standard，
提供更接近 jQuery 用法的 DOM API。
【移除】
jQuery： $('.someClass').remove();
原生： document.querySelector('.someClass').remove();
【Prepend】
jQuery： $('.someClass').prepend('hello world');
原生： document.querySelector('.someClass').prepend('hello world');
【Append】
jQuery： $('.someClass').append('hello world');
原生： document.querySelector('.someClass').append('hello world');
【Before】
jQuery： $('.someClass').before('hello world');
原生： document.querySelector('.someClass').before('hello world');
【After】
jQuery： $('.someClass').after('hello world');
原生： document.querySelector('.someClass').after('hello world');
【取代】
jQuery： $('.someClass').replaceWith(element);
原生： document.querySelector('.someClass').replaceWith(element);
【For-Loop 所有相符的元素】
jQuery： $('.someClass').each(function () { ... });
原生： document.querySelectorAll('.someClass').forEach(element => { ... })
（NodeList 可以直接 forEach() 了。）
【瀏覽器支援程度】
除了 IE 和 Edge 外其他主流瀏覽器的最新版本都 OK。

說到 each, 我對 jQuery 的 each 跟原生 JS 的 forEachcallback 的參數順序不一樣感覺各種囧...jQuery 的 each 是 (index, element)=>...原生 JS 的 forEach 是 (element, index) => ...

element 先比較符合傳統因為 Array.map() 也是先 value 才 indexIE不支援就算了，Edge 不支援比較麻煩

繼續努力，讓不能用的都可以用吧

append 和 appendChild 不一樣也蠻冏的

請持續努力直到作出下一個jQuerylite