javascript - 「this」を使用して要素を非表示にする方法は?

Question

this私の愚かさを許してください。キーワードを使用して要素を非表示にする方法を誰かに説明してもらえますか? たとえば、これは機能しています：

jQuery(document).ready(function($){
    if($('.someclass').length==1){
        $('.someclass').hide();
    }  
});

しかし、これは私には無理です：

jQuery(document).ready(function($){
    if($('.someclass').length==1){
        $(this).hide();
    }  
});

ありがとうございました！

score 2 · Accepted Answer

使用する必要がありますかthis(その場合は、他の回答を参照してください)、または単にセレクターの重複を回避しようとしていますか? これはどうですか？

jQuery(document).ready(function($){
  var elem = $('.someclass');
  if(elem.length == 1){
    elem.hide();
  }  
});

score 2 · Accepted Answer

あなたの質問に答えるには、「.someclass」オブジェクトが呼び出し元のオブジェクトである場合にのみ「this」を参照できます。これは、jQuery のイベントとほとんどのコールバック関連の内部で確認できます。

すなわち：

$('.someclass').each(function() {
    $(this).hide();
});

$('.someclass').click(function() {
    $(this).hide();
});

ただし、これを行うと、オブジェクトと一致するオブジェクトを 2 回ラップすることになります。

コードが表すことを行う最善の方法は、ここでは jQuery オブジェクトの長さを照会する必要がないため、if ステートメントを完全に削除することです。jQueryは、空の結果セットに対して関数を実行しないので、単純です...

jQuery(document).ready(function($){
  $('.someclass').hide();
});

...必要なだけです。

score 2 · Accepted Answer

重複を避けようとしている場合は、次のように簡単にする必要があります。

$(function() {
    $('.someclass').hide();
});

確認する必要はまったくありませんlength。jQuery は、要素がなければ何もしないほどスマートです。

score 0 · Accepted Answer

そのような目的で使用する必要はありませんthis- 一方、次の例を考えてみましょう:

$('.someClass').each(function(){

    // maybe some logic here
    $(this).hide();

});

この場合、this各ループで現在の DOM 要素を参照します。

score 0 · Accepted Answer

あなたはこれを行うことができます：

$('.someclass').each(function() {
  $(this).hide();
});

score 0 · Accepted Answer

変数thisは、イベントハンドラー、eachメソッド、またはこのようなものに含まれている必要があります。例えば：

$('.someclass').each(function () {
    $(this).hide();
});

6 に答える 6