jquery_jquery で要素が非表示になっているかどうかを判断するさまざまな方法

最初の方法: CSS プロパティを使用する

コードをコピーします コードは次のとおりです:

var display =$('#id').css('display');
if(display == 'none'){
alert("あなたは私を発見しました、私は隠れています!");
}

2 番目: jquery 組み込みセレクターを使用します

ページに次のようなタグがあるとします。

コードをコピーします コードは次のとおりです:

テスト専用

次に、次のステートメントを使用して、ID が「test」のタグが非表示かどうかを判断できます:

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

if($("#test").is(":hidden ")) {...} //jQuery ライブラリがインポートされていることを前提とします

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

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

if($("#test").is(":hidden")){
$("#test").show(); // 要素が非表示の場合は表示します
}その他{
$("#test").hide(); // 要素が表示されている場合は非表示にします
}

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

コードをコピーします コードは次のとおりです:

var ノード=$('#id');

最初の書き方

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

if(node.is(':hidden')){ //ノードが非表示の場合はノード要素を表示し、そうでない場合は非表示にします

ノード.show();

}その他{

ノード.非表示();

}

2 番目の書き方

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

if(!node.is(':visible')){ //ノードが非表示の場合はノード要素を表示し、そうでない場合は非表示にします

ノード.show();

}その他{

ノード.非表示();

}

if(node.is(':visible')){ //ノードが表示されている場合はノード要素を非表示にし、それ以外の場合は

を表示します

ノード.非表示();

}その他{

ノード.show();

}

jQuery はオブジェクトが表示されるか非表示になるかを決定します

JSコード

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

// jQuery("#tanchuBg").css("display")
// jQuery("#tanchuBg").is(":visible")
// jQuery("#tanchuBg").is(":hidden")

JSコード

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

$(element).is(":visible") // display:[none|block] をチェックし、visible:[true|false] を無視します

JSコード

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

$('要素:非表示')
$('要素:可視')

JSコード

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

$(".item").each(function()
{
If ($(this).css("visibility") == "hidden")
{
// 非表示状態を処理します
}
それ以外の場合
{
// 可視状態を処理します
}
})

JSコード

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

ar isVisible = $('#myDiv').is(':visible'); var isHidden = $('#myDiv').is(':hidden');

JSコード

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

if( $(this).css("display") == 'none' ){

/* コードはここにあります*/
}
他{

/* 代替ロジック */
}