Quels sont les sélecteurs de filtre de visibilité jquery ?-js tutoriel-php.cn

Quels sont les sélecteurs de filtre de visibilité jquery ?

青灯夜游

Libérer： 2023-01-04 09:37:50

original

4396 Les gens l'ont consulté

jquery a deux sélecteurs de filtre de visibilité, à savoir : 1. le sélecteur " :hidden », qui est utilisé pour faire correspondre tous les éléments invisibles, les encapsuler en tant qu'objets jQuery et les renvoyer 2. le sélecteur " :visible », utilisé ; pour faire correspondre tous les éléments visibles, encapsulez-les en tant qu'objets jQuery et renvoyez-les.

Quels sont les sélecteurs de filtre de visibilité jquery ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Tutoriel recommandé : Tutoriel vidéo jquery

Sélecteur de filtre de visibilité jquery

Le sélecteur de visibilité de jQuery est basé sur le visible et l'invisible les états d’un élément sont utilisés pour sélectionner l’élément correspondant. Il y en a deux principaux :

":hidden", qui sélectionne tous les éléments invisibles.
":visible" sélectionne tous les éléments visibles.

Sélecteur visible : masqué inclut non seulement les éléments dont l'attribut de style n'est pas affiché, mais inclut également des éléments tels que les champs de texte cachés () et visible : caché.

sélecteur jquery :hidden

le sélecteur :hidden de jQuery est utilisé pour faire correspondre tous les éléments invisibles, les encapsuler en tant qu'objets jQuery et les renvoyer.

Syntaxe :

jQuery( ":hidden" )
//或
$(&#39;:hidden&#39;)

Copier après la connexion

Valeur de retour :

Renvoie un objet jQuery qui encapsule tous les éléments invisibles.

Si aucune correspondance correspondante n'est trouvée, un objet jQuery vide est renvoyé.

Remarque : Dans jQuery, visibilité : cachée et opacité : 0 sont toutes deux considérées comme visibles car elles occupent l'espace physique correspondant sur la page.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(":hidden").show(3500);
});
</script>
</head>
<body>

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p style="display:none;">这是一个隐藏段落。</p>
<div style="display:none;">这是隐藏的 div 元素。</div>

</body>
</html>

Copier après la connexion

jquery :sélecteur visible

Le sélecteur :visible de jQuery est utilisé pour faire correspondre tous les éléments visibles, en les supprimant. Encapsulé comme un objet jQuery et renvoyé.

Syntaxe :

jQuery( ":visible" )
//或
$(&#39;:visible&#39;)

Copier après la connexion

Valeur de retour :

Renvoie un objet jQuery qui encapsule tous les éléments visibles.

Si aucune correspondance correspondante n'est trouvée, un objet jQuery vide est renvoyé.

Remarque : Dans jQuery, visibilité : cachée et opacité : 0 sont toutes deux considérées comme visibles car elles occupent l'espace physique correspondant sur la page.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p:visible").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<p style="display:none">这是一个隐藏段落。 </p>

</body>
</html>

Copier après la connexion

Pour plus de connaissances liées à la programmation, veuillez visiter : Apprendre la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!