DOMで要素の先頭に追加する

appendChildの逆 をやりたい

e = document.querySelector('.main')
e.insertBefore(div, e.firstChild)

appendChildの逆をするにはinsertBefore をfirstChildに対して適用する。

でも面倒なのです。

Node.prototype.prependChild = function(e){ this.insertBefore(e,this.firstChild); }

などと書いておけば便利っぽい

なんだかんだいって、jQueryって foreachを上手に隠蔽してるよねぇ。