JavaScriptの「$」記号の意味は何ですか

次のJavaScriptコードには、ドル$記号（）があります。どういう意味ですか？

$(window).bind('load', function() {
    $('img.protect').protectImage();
});

コードのスニペットは、一般的なJavaScriptライブラリ（jQuery、ProtoType、mooToolsなど）の1つからのメソッドを参照しているように見えます。

$JavaScriptでのの使用について、何も不思議なことはありません。$単に有効なJavaScript識別子です。

JavaScriptでは、大文字と小文字、数字、および$を使用できます_。$機械生成変数（などに使用されることを意図しました$0001）。

プロトタイプ、jQuery、およびほとんどのJavaScriptライブラリは$、プライマリベースオブジェクト（または関数）としてを使用します。それらのほとんどは、$それを使用する別のライブラリで使用できるように、を放棄する方法もあります。その場合は、のjQuery代わりに使用します$。実際、$はのショートカットにすぎませんjQuery。

別の答えから：

ちょっとした歴史

に本質的に特別なことは何もないことを覚えておいてください$。他の変数と同じように変数名です。以前は、document.getElementByIdを使用してコードを記述していました。JavaScriptでは大文字と小文字が区別されるため、の作成中に間違いを犯すことはよくありましたdocument.getElementById。私は首都'b'にすべき'by'ですか？私'i'はId?あなたの資本がドリフトを得る必要があります。関数はJavaScriptの第一級市民であるため、いつでもこれを行うことができます。

var $ = document.getElementById; //freedom from document.getElementById!

Prototypeライブラリが到着したとき、彼らはDOM要素を取得する関数にと名前を付けました'$'。ほとんどすべてのJavaScriptライブラリがこのアイデアをコピーしました。プロトタイプは、$$CSSセレクターを使用して要素を選択する機能も導入しました。

jQueryも$関数を適応させましたが、必要な要素を取得するためにあらゆる種類の「セレクター」を受け入れるように拡張されました。ここで、プロジェクトですでにPrototypeを使用していて、jQueryを含めたい'$'場合、Prototypeの実装またはjQueryの実装を参照する可能性があるため、問題になります。そのため、jQueryにはnoConflictのオプションがあり、プロトタイプを使用するプロジェクトにjQueryを含めて、コードをゆっくりと移行できます。これはジョンの側の素晴らしい動きだったと思います！:)

それは、おそらくjQueryコード（より正確には、jQueryライブラリーを使用するJavaScript）です。

$表しjQueryの機能を、そして実際の略記の別名ですjQuery。（ほとんどの言語とは異なり、$記号は予約されておらず、変数名として使用できます。）通常は、セレクター（つまり、DOMで見つかった要素のセットを返す関数）として使用されます。

他のすべての答えが言うように; ほとんど何でもかまいませんが、通常は「JQuery」です。

ただし、ES6では、「リテラル」テンプレートの文字列補間演算子です。

var s = "new" ; // you can put whatever you think appropriate here.
var s2 = `There are so many ${s} ideas these days !!` ; //back-ticks not quotes
console.log(s2) ;

結果：

最近はたくさんの新しいアイデアがあります!!

$()短縮版であるjQuery()に使用するjQueryのライブラリ。

上記の回答に加えて、$JavaScriptでは特別な意味はありません。オブジェクトの命名に自由に使用できます。でjQueryの、単にの別名として使用されているjQueryのオブジェクトとjQueryの（）関数。ただし、$も使用する別のJSライブラリと組み合わせて使用​​したい場合があります。これにより、名前の競合が発生します。このため、JQueryにはメソッドがありjQuery.noConflict()ます。

ここにjQueryドキュメントのサンプルがあります：

<script src="other_lib.js"></script>
<script src="jquery.js"></script>
<script>
$.noConflict();
// Code that uses other library's $ can follow here.
</script>

または、次のようなものを使用することもできます

(function ($) {
// Code in which we know exactly what the meaning of $ is
} (jQuery));

参照：https : //api.jquery.com/jquery.noconflict/

jQuery Core Objectを説明するjQueryドキュメントから：

多くの開発者は、区別するために、jQueryオブジェクトを含む変数の名前に$をプレフィックスとして付けています。この方法には魔法はありません。これは、一部の人々がさまざまな変数の内容を追跡するのに役立つだけです。