Verschiedene Möglichkeiten, um festzustellen, ob ein Element in jquery_jquery ausgeblendet ist

Der erste Weg: CSS-Eigenschaften verwenden

Code kopieren Der Code lautet wie folgt:

var display =$('#id').css('display');
if(display == 'none'){
alarm("Du hast mich entdeckt, ich bin versteckt!");
}

Zweitens: Verwenden Sie den in JQuery integrierten Selektor

Angenommen, unsere Seite hat ein solches Tag,

Code kopieren Der Code lautet wie folgt:

Nur zum Testen

Dann können wir die folgende Anweisung verwenden, um festzustellen, ob das Tag mit der ID „test“ ausgeblendet ist:

Code kopieren Der Code lautet wie folgt:

if($("#test").is(":hidden ")) {...} //Voraussetzung ist, dass die jQuery-Bibliothek importiert wurde

Auf diese Weise können wir leicht feststellen, ob ein Element ausgeblendet ist, und es entsprechend seinem Status animieren, z. B.:

Code kopieren Der Code lautet wie folgt:

if($("#test").is(":hidden")){
         $("#test").show();                                                                                                                                                                            //Wenn das Element ausgeblendet ist, zeige es
}else{
        $("#test").hide();             //Wenn das Element sichtbar ist, verstecke es
}

jQuery bestimmt, ob ein Element angezeigt oder ausgeblendet wird

Code kopieren Der Code lautet wie folgt:

var node=$('#id');

Die erste Art zu schreiben

Code kopieren Der Code lautet wie folgt:

if(node.is(':hidden')){ //Wenn der Knoten ausgeblendet ist, wird das Knotenelement angezeigt, andernfalls wird es ausgeblendet

node.show();

}sonst{

node.hide();

}

Die zweite Schreibweise

Code kopieren Der Code lautet wie folgt:

if(!node.is(':visible')){ //Wenn der Knoten ausgeblendet ist, wird das Knotenelement angezeigt, andernfalls wird es ausgeblendet

node.show();

}sonst{

node.hide();

}

if(node.is(':visible')){ //Wenn Knoten angezeigt wird, blenden Sie das Knotenelement aus, andernfalls zeigen Sie

an

node.hide();

}sonst{

node.show();

}

jQuery bestimmt, ob ein Objekt angezeigt oder ausgeblendet wird

Js-Code

Code kopieren Der Code lautet wie folgt:

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

Js-Code

Code kopieren Der Code lautet wie folgt:

$(element).is(":visible") // Prüft auf display:[none|block], ignoriert sichtbar:[true|false]

Js-Code

Code kopieren Der Code lautet wie folgt:

$('element:hidden')
$('element:sichtbar')

Js-Code

Code kopieren Der Code lautet wie folgt:

$(".item").each(function()
{
If ($(this).css("visibility") == "hidden")
{ 
// Nicht sichtbaren Zustand behandeln
}  
sonst anders
{ 
// Sichtbaren Zustand behandeln
}  
})

Js-Code

Code kopieren Der Code lautet wie folgt:

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

Js-Code

Code kopieren Der Code lautet wie folgt:

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

/*Ihr Code hier*/
}
sonst{

/* alternative Logik */
}