Différentes façons de déterminer si un élément est masqué dans jquery_jquery

La première façon : utiliser les propriétés CSS

Copier le code Le code est le suivant :

var display =$('#id').css('display');
si(affichage == 'aucun'){
alert("J'ai été découvert par vous, je suis caché !");
>

Deuxième : utiliser le sélecteur intégré jquery

Supposons que notre page ait une telle balise,

Copier le code Le code est le suivant :

Pour les tests uniquement

Ensuite, nous pouvons utiliser l'instruction suivante pour déterminer si la balise avec l'identifiant "test" est masquée :

Copier le code Le code est le suivant :

if($("#test").is(":hidden ")) {...} //Le principe est que la bibliothèque jQuery a été importée

De cette façon, nous pouvons facilement déterminer si un élément est masqué et l'animer en fonction de son statut, comme par exemple :

Copier le code Le code est le suivant :

if($("#test").is(":hidden")){
         $("#test").show();                                                                                                                                                                                //Si l'élément est masqué, affichez-le
}autre{
        $("#test").hide();             //Si l'élément est visible, masquez-le
>

jQuery détermine si un élément est affiché ou masqué

Copier le code Le code est le suivant :

var node=$('#id');

La première façon d'écrire

Copier le code Le code est le suivant :

if(node.is(':hidden')){ //Si le nœud est masqué, affichez l'élément du nœud, sinon cachez-le

node.show();

}autre{

node.hide();

}

La deuxième façon d'écrire

Copier le code Le code est le suivant :

if(!node.is(':visible')){ //Si le nœud est masqué, affiche l'élément du nœud, sinon cache-le

node.show();

}autre{

node.hide();

}

if(node.is(':visible')){ //Si le nœud est affiché, masquez l'élément du nœud, sinon affichez

node.hide();

}autre{

node.show();

}

jQuery détermine si un objet est affiché ou masqué

Code Js

Copier le code Le code est le suivant :

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

Code Js

Copier le code Le code est le suivant :

$(element).is(":visible") // Vérifie l'affichage :[aucun|bloc], ignore visible :[true|false]

Code Js

Copier le code Le code est le suivant :

$('élément:caché')
$('élément:visible')

Code Js

Copier le code Le code est le suivant :

$(".item").each(function()
{
Si ($(this).css("visibility") == "caché")
{ 
// gère l'état non visible
}  
sinon autre
{ 
// gère l'état visible
}  
})

Code Js

Copier le code Le code est le suivant :

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

Code Js

Copier le code Le code est le suivant :

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

/* votre code ici*/
}
autre{

/* logique alternative */
}