jqueryで要素が非表示になっているかどうかを確認する方法

要素が非表示かどうかを判断するための Jquery メソッド: 1. CSS 属性を使用します。コードは [var display =$('#id').css('display');]; 2. jquery のメソッドを使用します。組み込みセレクターのコードは [if($("#test").is(":hidden")] です。

#の動作環境このチュートリアル: Windows7 システム、jquery3 .2.1 バージョン、DELL G3 コンピューター

推奨事項: jquery ビデオ チュートリアル

要素が非表示かどうかを確認する jquery メソッド:

1: CSS 属性を使用します

コードは次のとおりです:

var display =$('#id').css('display');
if(display == 'none'){
   alert("被你发现了，我是隐藏的啦！");
}

2: 組み込みの jquery を使用しますselector

私たちのページにそのようなラベルがあると仮定します。

コードは次のとおりです。

<div id="test">
<p>仅仅是测试所用</p>
</div>

その後、次のステートメントを使用して、 ID が「test」のラベルは非表示です:

コードは次のとおりです:

if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了

この方法で、要素が非表示かどうかを簡単に判断し、そのステータスに応じてアニメーションを設定できます。例:

コードは次のとおりです:

if($("#test").is(":hidden")){
       $("#test").show();    //如果元素为隐藏,则将它显现
}else{
      $("#test").hide();     //如果元素为显现,则将其隐藏
}

3 : jQuery は要素が表示されるか非表示になるかを決定します

コードは次のとおりです:

var node=$('#id');

1 つ目の書き方

コードは次のとおりです:

if(node.is(':hidden')){　　//如果node是隐藏的则显示node元素，否则隐藏
　　node.show();　
}else{
　　node.hide();
}

2 つ目の書き方

のコードは次のとおりです。次のとおりです:

if(!node.is(':visible')){　　//如果node是隐藏的则显示node元素，否则隐藏
　　node.show();　
}else{
　　node.hide();
}
if(node.is(':visible')){　　//如果node是显示的则隐藏node元素，否则显示
　　node.hide();
}else{
　　node.show();
}

# 関連する無料学習の推奨事項: javascript (ビデオ)

以上がjqueryで要素が非表示になっているかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。