Verschiedene Möglichkeiten, um festzustellen, ob ein Element in jquery_jquery ausgeblendet ist-js-Tutorial-php.cn

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

WBOY

Freigeben： 2016-05-16 16:49:46

Original

1074 Leute haben es durchsucht

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

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 */ 

}