jQueryで書くとスマートになることがわかった

auです。

innerHTMLなどはJavaScriptで実装していました。

var targetId = document.getElementById('test');
targetId.innerHTML = '<b>hoge</b>';

一度IDで指定してその後書き換えるような書き方ですね。

jQueryを使用すると

$('#test').html('<b>hoge</b>');

とても短くなりました。
getElementByIdがないだけでなんとなくスッキリしたような見た目になるのがいいなと思いました。今まで手を出していませんでしたが、可読性はとても高そうですね。