Exemple d'utilisation simple du filtre de visibilité dans jQuery-js tutoriel-php.cn

Exemple d'utilisation simple du filtre de visibilité dans jQuery

亚连

Libérer： 2018-05-28 10:16:47

original

1340 Les gens l'ont consulté

Cet article présente principalement l'utilisation simple du filtre de visibilité dans jQuery, et analyse brièvement les principes et techniques d'utilisation associées du filtre de visibilité dans jQuery sous forme d'exemples. Les amis dans le besoin peuvent se référer à cet article

<.> L'exemple décrit l'utilisation simple du filtre de visibilité dans jQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Introduction

Il existe deux états visibles des éléments, à savoir l'état caché et état d'état affiché. Les filtres de visibilité utilisent l'état visible des éléments pour faire correspondre les éléments. Par conséquent, il existe deux types de filtres de visibilité, l'un est le filtre

qui correspond à tous les éléments visibles, et l'autre est le filtre :visible qui correspond à tous les éléments invisibles. :hidden

Lors de l'application du filtre

, les éléments dont l'attribut d'affichage est aucun et les éléments d'entrée dont l'attribut type est masqué seront mis en correspondance. :hidden

Deux applications

Obtenir les valeurs des éléments d'entrée masqués et affichés sur la page

Trois codes

<script language="javascript" src="JS/jquery-3.1.1.min.js"></script>
<input type="text" value="显示的input元素">
<input type="text" value="我是不显示的input元素" style="display:none">
<input type="hidden" value="我是隐藏域">
<script type="text/javascript">
   $(document).ready(function() {
      var visibleVal = $("input:visible").val();     //取得显示的input的值
      var hiddenVal1 = $("input:hidden:eq(0)").val();   //取得隐藏的input的值
      var hiddenVal2 = $("input:hidden:eq(1)").val();   //取得隐藏的input的值
      alert(visibleVal+"\n\r"+hiddenVal1+"\n\r"+hiddenVal2);  //弹出取得的信息
   });
</script>

Copier après la connexion

Quatre effets de course