Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Verwendung des jQuery-Sichtbarkeitsfilters

php中世界最好的语言
Freigeben: 2018-04-08 16:49:12
Original
1752 Leute haben es durchsucht

Dieses Mal erkläre ich Ihnen ausführlich die Verwendung des jQuery-Sichtbarkeitsfilters und die Vorsichtsmaßnahmen bei der Verwendung des jQuery-Sichtbarkeitsfilters. Hier sind praktische Fälle schau mal.

Das Beispiel in diesem Artikel beschreibt die einfache Verwendung des Sichtbarkeitsfilters in jQuery. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Einführung

Es gibt zwei sichtbare Zustände von Elementen, nämlich den verborgenen Zustand und angezeigter Zustand. Sichtbarkeitsfilter nutzen den Sichtbarkeitsstatus von Elementen, um Elemente abzugleichen. Daher gibt es zwei Arten von Sichtbarkeitsfiltern: Der eine ist der

-Filter, der auf alle sichtbaren Elemente zutrifft, und der andere ist der :visible-Filter, der auf alle unsichtbaren Elemente zutrifft. :hidden

Bei Anwendung des

-Filters werden Elemente abgeglichen, deren :hiddendisplay-Attribut „none“ ist und deren „type“-Attribut des Eingabeelements ausgeblendet ist.

Zwei Anwendungen

Werte ausgeblendeter und angezeigter Eingabeelemente auf der Seite abrufen

Drei Code

<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>
Nach dem Login kopieren

Vier Laufeffekte

I Ich glaube, Sie haben diesen Artikel gelesen. Sie beherrschen die Fallmethode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Welche Probleme können nach dem Packen des vuejs-Projekts auftreten?

Compound-Selektor in jQuery So verwenden Sie

So verwenden Sie CDN, um die Ladegeschwindigkeit des ersten Bildschirms von Vue zu optimieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des jQuery-Sichtbarkeitsfilters. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage