jQuery的

朝からいい天気の晴れ。

お昼過ぎに通り雨。

まさか雨が降るとは思わなかったので、ビックリ。

Javascriptで、他のプログラムを見ていたら、こんな書き方があった。

var $ = function $(id) { return document.getElementById(id); };

その後は、例えだけれど、こんな感じ。

$("id1").text = "aaa";
$("id2").style.background = "red";

この書き方って、jQuery的じゃない？

本来であれば、こう書く。

document.getElementById("id1").text = "aaa";
document.getElementById("id2").style.background = "red";

へー、こんな省略表現があったんだ。

なんでもっと早く教えてくれなかったの！！！(笑)

$って、変数として使えるから、こういう書き方が出来るらしい。
もちろん、$ではなく、他の文字にしてもいい。

更に文字数を減らしたいなら、こう書ける。

var func = document.getElementById.bind(document);

もう少し文字を減らしたいなら、

const $ = id=> document.getElementById(id);

なるほどねぇ。

これを、Javascriptの一番最初に書いておけばいいだけ。

今まで、長ったらしく書いていたけれど、これからは省略して書ける！