jquery - このjqueryオブジェクトへの参照を保存する正しい方法は何ですか?

Question

たとえば、いくつかの要素への参照を取得したい場合、次のようなセレクターを使用します。

$(input)...そしてそれを使って何かをする

しかし、その参照を保持したい場合、これらのうちどれが適切な方法ですか?

var el = $('input');

$el = $('input');

ありがとう

Answer 1

var el = $(input); // ローカル変数を作成しますel

$el = $(input); // グローバル変数を作成します$el

$特別なことは何もしませんが、var

変数名の先頭を使用$することは、変数が通常の変数ではなく、jQuery オブジェクト (または jQuery オブジェクトのコレクション) であることを示す慣例にすぎません。強制ではありませんが、良い習慣です。

ただし、を入れないvarと、変数がグローバルになります。

Answer 2

これはあなたのためにそのタスクを行います

$('a').click(function() {
    var $anchor = $(this);
    //var anchor = $(this);
    $anchor.fadeOut();
    //anchor.fadeOut();
})

Answer 3

また

var el = $(input);

また

var $el = $(input);

常に使用しますvar。変数名の前に記号を使用する$ことは、それが jQuery オブジェクトであることを示すために一部の人が行うことであり、必須ではありませんが、コードを読みやすくするのに役立ちます。

Answer 4

どちらも正しいですが、違いは以下のとおりです。

var el = $(input);これにより、変数が作成され、それに値が割り当てられます。

$el = $(input);globalこれにより、またはlocalスコープ内で以前に定義された変数に値が割り当てられます。

Answer 5

それはすべて依存します...例

function A() {
    var $el = $(input);
    function B() {
        $el = $(input2);
    }

    // $el here is $(input2)
} 

function C() {
    var $el = $(input);
    function D() {
        var $el = $(input2);
    }

    // $el here is $(input)
} 

それはすべてあなたの範囲に依存します...だからよく計画してください...