recherche

Maison >interface Web >js tutoriel >Quels sont les sélecteurs de filtre de visibilité jquery ?

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

青灯夜游
青灯夜游original
2020-12-23 15:07:094394parcourir

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" )
//或
$(':hidden')

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>

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;)

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>

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!

jquery 封装 对象 选择器 display
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment déterminer si un objet a le focus dans jqueryArticle suivant：Comment déterminer si un objet a le focus dans jquery

Articles Liés

Voir plus