【jQuery】$(ドルマーク)の意味

スポンサーリンク

f:id:tasukujp:20140831012103j:plain

jQueryを使っていると$(ドル)って何だろう?と疑問が出てくると思います。気にしないならそれもいいんですが、私は仕事でコードを見ていた時に$(function(){〜})という記述とjQuery(funtion(){〜})という記述を見つけた時に初めて調べました。

結論から言うとこの2つに違いはありません。

$マーク記述はjQueryを呼び出すための省略された記述ですのでどちらも同じ意味になります。jQueryって全部書くよりは$で済ませた方がスッキリしますしね。

例えば以下のように全てjQueryと記述しても問題なく動きます。

<script>
    jQuery(function() {
        jQuery('#id').text();
        jQuery('.class').html()
    });
</script>

jQueryと$マークの中身を見てみるとこんな感じでした。

console.log($);
→function (a,b){return new n.fn.init(a,b)}
console.log(jQuery);
→function (a,b){return new n.fn.init(a,b)}

同じですね。

他のJavaScriptライブラリを使用する場合はjQueryと記述することが推奨されているようです。

また、JavaScriptにおいての$マークは何の変哲もない文字列になりますので、$という変数に別のメソッドを代入する事も出来ます。

var $ = function(a) { alert(a); }

変数にjQueryオブジェクトを格納することもできます。jQueryオブジェクトを格納する時は、わかりやすいように一般的に$を頭につけます。$divでひとつの変数名です。

var $div = $('div');
$div.css('color', 'red');