Comment déterminer si un élément est affiché dans jquery-Questions et réponses frontales-php.cn

Comment déterminer si un élément est affiché dans jquery

青灯夜游

Libérer： 2022-04-28 17:35:38

original

7745 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser le sélecteur ":visible" et la méthode is() pour déterminer si un élément est affiché. La syntaxe est "element object.is(':visible')". matches ":visible" "Sélecteur, c'est-à-dire si l'élément est visible ; si l'élément est affiché, il renvoie vrai.

Comment déterminer si un élément est affiché dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.

Dans jquery, vous pouvez utiliser le sélecteur ":visible" et la méthode is() pour déterminer si un élément est affiché. La méthode

is() est utilisée pour vérifier si l'élément sélectionné correspond au sélecteur.
: le sélecteur visible sélectionne chaque élément actuellement visible.

Les éléments, à l'exception des situations suivantes, sont des éléments visibles :
- est défini pour afficher : aucun
- Les éléments de formulaire avec type="hidden"
- la largeur et la hauteur sont définies sur 0
- Caché élément parent (cela masquera également les éléments enfants)

La syntaxe pour déterminer si un élément est affiché :

元素对象.is(&#39;:visible&#39;)

Copier après la connexion

signifie vérifier si l'élément spécifié correspond au sélecteur ":visible", c'est-à-dire si Pour les éléments visibles

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function () {
            $("button").click(function () {
			   var node=$(&#39;span&#39;);
               if(node.is(&#39;:visible&#39;)){
				   alert("显示元素");
			   }else{
				   alert("隐藏元素，将它显示出来");
				   node.show();
			   }
            })
        })
    </script>
	</head>
	<body>
		<div>这是一段可见的div内容。</div>
		<span hidden="hidden">这是一个被隐藏的内容，现在显示出来了。</span>
		<p>这是一段可见的内容。</p>
		<button>判断span元素是否显示</button>
	</body>
</html>

Copier après la connexion

Comment déterminer si un élément est affiché dans jquery