jquery - jQueryの変数の違い

Question

jQueryの変数 $variable と $.Variable の違いは何ですか? 例:

$x='3';
$.y(parseInt($(this).val())

Answer 1

最初のもの ($x) は変数です (この場合、文字列 3 の値が割り当てられます。2 番目のものは関数 y() への関数呼び出しであり、これはおそらく jquery 拡張関数です。あなたの例では、これは関数は、$(this) によって参照される何かの値から得られる整数を含む引数を取得します。

$x は簡単に var x = '3' になる可能性があることに注意してください。$ プレフィックスは通常、変数が jQuery セレクターの結果を保持していることを示すため、例の割り当ては実際には少し奇妙です。

Answer 2

$varvar が jQuery でラップされた DOM 選択を保持していることを伝えるための単なる規則です。

var $form = $('#yourForm');

$.function一方、$.each()DOM 選択を実行せずに、jQuery ライブラリの「静的」関数を呼び出していることを意味します。

Answer 3

JavaScript では、変数名に文字を含めることができます$。script タグを使用して新しい HTML ドキュメントを作成する場合は、次のようにするだけです。

var $test = 10;
console.log($test);

そして10、コンソールにログが記録されます。

jQuery は$変数をそれ自体の省略形として使用し、jQuery 関数/拡張機能はそのオブジェクトから利用できます。以下はそれをより明確にするかもしれません：

// Assume you have already loaded jQuery
$ == jQuery; // true!
$.test = 10; // Assign a random property to the "jQuery Object"
console.log($.test); // print out "10"

さて、あなたの例の場合、としてアクセスできる$.y()という名前のメソッドを追加して、誰かが jQuery を拡張しました。多くの場合、オブジェクト タイプを追跡する方法として、jQuery オブジェクトへの参照である変数がある場合は、変数名の先頭にドル記号を追加します。y$.y()

var header = document.getElementById("header"); //without jQuery
var $header = $("#header"); // with jQuery

上記は規則ではなく、多くの人がコードを明確にするために従う慣習です。