1行で実装できる jQuery もどき

phi phi on javascript

『jQuery が嫌いなあなたのために...』

ってことで, どうしても jQuery は使いたくないけど dom の取得だけは サクッとやりたいって人のためのエントリーです.
っといっても querySelector をラップするだけですが...

下記のコードを追加するだけです.

var $ = function(q) { return document.querySelector(q); };  

これだけで

$('h1').innerHTML = 'title'; // 中身書き換えたり
$('#main').style.color = 'red'; // スタイル指定したり
$('.hoge').classList.add('foo'); // クラス追加したり

なんてことができます.

サンプルも置いておきます!