あの頃の自分へ – JavascriptでjQueryを使わずにDOM操作をするにはこうすればいいんだよ

$('#hoge');
1
document.getElementById('hoge'); // return HTML
$('.hoge');
1
document.getElementsByClassName('hoge'); // return HTML
2
document.querySelector('.hoge'); // return HTML
$('div');
1
document.getElementsByTagName('div'); // return HTML
$('#hoge').find('a');
1
document.getElementById('hoge').getElementsByTagName('a'); // return HTML
2
document.querySelector('#hoge').querySelectorAll('a'); // return NodeList

戻り値が違うのをよく忘れてました。
jQueryの形式とも違うので要注意。

スピードとか気にしたほうがいいけど、
今のあなたはめんどくさがって結構これを使ってますね。

1
document.querySelectorAll(element);

javascript – ちょっとしたDOM操作の時に使うフレームワーク」とか見てみてね。