Heim Web-Frontend js-Tutorial Ein vollständiges Beispiel der von jQuery implementierten Anzeige- und Ausblendfunktion mit nur 3 Zeilen code_jquery

Ein vollständiges Beispiel der von jQuery implementierten Anzeige- und Ausblendfunktion mit nur 3 Zeilen code_jquery

May 16, 2016 pm 03:37 PM
jquery 显示 隐藏

Das Beispiel in diesem Artikel beschreibt die von jQuery implementierten Anzeige- und Ausblendfunktionen mit nur 3 Codezeilen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Die jQuery-Technologie ist sehr einfach zu verwenden. Sie kann die gewünschten Funktionen tatsächlich mit nur 3 Zeilen Code implementieren genug. Großartig.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/jquery-simple-hide-show-style-demo/

Der spezifische Code lautet wie folgt:

<!doctype html>
<html>
<head>
<meta charset="gbk" />
<title>3行代码实现显示与隐藏</title>
<script type="text/javascript" src="jquery1.3.2.js"></script>
<style>
  .showmore{ float:left;}
  .cont .aa {
  height: auto;
  width: 400px;
  border: 1px solid #000000;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  }
  .cont .aa .a1 {
  float: left;
  height: 30px;
  width: 300px;
  }
  .cont .aa .a2 {
  height: 30px;
  width: 350px;
  float: left;
  display:none;
  }
 </style>
</head>
<body>
<div class="cont">
 <div class="aa">
  <div class="a1">tab1</div>
  <div class="showmore"><a href="#"><span>显示</span></a></div>
  <div class="a2">详细说明:今天你要嫁给我嘛~</div>
 </div>
 <div class="aa">
  <div class="a1">tab2</div>
  <div class="showmore" ><a href="#"><span>显示</span></a></div>
  <div class="a2">详细说明:北京、上海四日游</div>
 </div>
 <div class="aa">
  <div class="a1">tab3</div>
  <div class="showmore" ><a href="#"><span>显示</span></a></div>
  <div class="a2">详细说明:河南是华夏文明的根源</div>
 </div>
</div>
<script>
$(".showmore a span").mouseover(function(e){
 $(this).html(["显示", "隐藏"][this.hutia^=1]);
 $(this.parentNode.parentNode).next().toggle();
 e.preventDefault();
});
</script>
</body>
</html>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? So verbergen Sie WeChat-Freunde, ohne sie zu blockieren oder zu löschen Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? So verbergen Sie WeChat-Freunde, ohne sie zu blockieren oder zu löschen Mar 13, 2024 pm 07:19 PM

Wie kann man WeChat-Freunde verstecken, ohne sie zu blockieren oder zu löschen? Viele Benutzer möchten einige Freunde ausblenden, wissen aber nicht, wie das geht. Auf dieser Website wird den Benutzern sorgfältig erklärt, wie sie WeChat-Freunde ausblenden können, ohne sie zu blockieren oder zu löschen. Methoden zum Ausblenden von WeChat-Freunden ohne Blockieren oder Löschen Methode 1: 1. Öffnen Sie zunächst die WeChat-Software, suchen Sie das Adressbuch auf der WeChat-Seite und klicken Sie auf „Mein“. 2. Dann betreten wir die Einstellungsseite. 3. Suchen Sie die Option „Datenschutz“ und klicken Sie darauf. 4. Klicken Sie dann auf „Nicht sehen lassen“. 5. Gehen Sie zur Seite „Do Not Let Her View“ und klicken Sie auf „+“, um die Freunde zu markieren, die Sie ausblenden möchten.

So verbergen Sie Werke in Douyin-Kurzvideos. So verbergen Sie persönliche Videowerke So verbergen Sie Werke in Douyin-Kurzvideos. So verbergen Sie persönliche Videowerke Mar 12, 2024 pm 12:49 PM

In der Douyin-Kurzvideo-App-Software stehen viele kurze Videoarbeiten zur Verfügung. Sie können sie nach Belieben ansehen und sie sind alle dauerhaft kostenlos verfügbar Bieten Sie jedem die zufriedenstellendste Art zuzusehen. Geben Sie Ihr Konto ein, um sich online anzumelden, und es werden verschiedene aufregende Kurzvideos gesendet, die genau auf dem basieren, was jeder jeden Tag sieht. Sie können auch den Live-Übertragungsraum betreten, um mit dem Moderator zu interagieren und zu chatten, damit Sie sich wohl fühlen mehr glücklich. Die von Einzelpersonen hochgeladenen Werke können auch ganz einfach mit einem Klick eingerichtet werden. Wischen Sie nach oben und unten, um die Echtzeit-Kommentare unzähliger Internetnutzer anzuzeigen Jetzt hat der Herausgeber detaillierte Online-Douyin-Kurzvideos veröffentlicht. Benutzer drängen auf Möglichkeiten, persönliche Videoarbeiten zu verbergen. Öffnen Sie zunächst das kurze Douyin-Video

Mar 18, 2024 pm 03:40 PM

Neben der erstaunlichen Hardware-Ausstattung und den hervorragenden Funktionen verbirgt das Xiaomi Mi 14 auch einen faszinierenden Ort – Smart Island. Hier können Benutzer personalisierte Anpassungen und ein unbegrenztes kreatives Mobiltelefonerlebnis genießen. Aber nicht jedem gefällt diese Funktion. Wie versteckt das Xiaomi Mi 14 Smart Island? Finden wir es gemeinsam heraus. Wie verstecke ich Smart Island auf dem Xiaomi Mi 14? 1. Öffnen Sie die Einstellungsanwendung des Xiaomi 14-Mobiltelefons. 2. Scrollen Sie, um die Option „Funktionen“ zu finden, und klicken Sie zur Eingabe. 3. Suchen Sie auf der Funktionsseite die Option „Smart Island ausblenden“ und aktivieren Sie sie. 4. Nachdem Sie bestätigt haben, dass das Ausblenden des Smart Island aktiviert ist, kehren Sie zum Desktop zurück und Sie werden sehen, dass das Smart Island ausgeblendet wurde.

Ausführliches Tutorial zum Verstecken von Werken auf Douyin Ausführliches Tutorial zum Verstecken von Werken auf Douyin Mar 25, 2024 pm 03:11 PM

1. Klicken Sie zunächst auf [+], um zu schießen. 2. Klicken Sie dann auf das Häkchen in der unteren rechten Ecke, um den Abschluss der Aufnahme zu bestätigen. Klicken Sie auf] Weiter[, 3. Klicken Sie auf [Wer kann sehen]. Wählen Sie einfach [Privat] aus. Szenario 2: Die Arbeit wurde übernommen. 1. Klicken Sie auf [Ich] und wählen Sie [Arbeit]. 2. Klicken Sie rechts auf das [drei Punkte]-Logo. 3. Wischen Sie nach links, um [Berechtigungseinstellungen] zu finden. 4. Klicken Sie auf [Als privat festlegen].

So bereinigen Sie den versteckten Müll auf Ihrem Telefon gründlich (entfernen Sie den Müll vollständig aus dem Speicher Ihres Telefons) So bereinigen Sie den versteckten Müll auf Ihrem Telefon gründlich (entfernen Sie den Müll vollständig aus dem Speicher Ihres Telefons) Jun 01, 2024 am 09:29 AM

Mobiltelefone sind durch die kontinuierliche Weiterentwicklung der Technologie und die Beliebtheit von Smartphones zu einem unverzichtbaren Bestandteil unseres täglichen Lebens geworden. Diese Junk-Dateien nehmen wertvollen Speicherplatz in Anspruch, und im Laufe der Zeit sammelt sich eine große Menge versteckter Junk-Dateien auf dem Telefon an, was jedoch zu einer Verschlechterung der Leistung des Telefons führt. Zu wissen, wie man versteckten Müll auf seinem Telefon gründlich bereinigt, ist für jeden Mobiltelefonbenutzer zu einem unverzichtbaren Wissen geworden. 1. Unnötige Anwendungs-Caches finden und löschen. 2. Anwendungen löschen, die nicht mehr verwendet werden. 3. Foto- und Video-Cache bereinigen. 4. Temporäre Dateien und Download-Ordner vollständig bereinigen. 5. Kontakt- und SMS-Datensätze organisieren und bereinigen. 6. System-Cache bereinigen. 7. Deinstallieren Sie nutzlose Systemanwendungen. 8. Bereinigen Sie den Browser-Cache und -Verlauf. 9. Löschen Sie ungültige Musik- und Audiodateien. 10. Optimieren Sie das Dateisystem Ihres Mobiltelefons

jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite Feb 28, 2024 pm 09:06 PM

Titel: jQuery-Tipps: Ändern Sie schnell den Text aller Tags auf der Seite. In der Webentwicklung müssen wir häufig Elemente auf der Seite ändern und bedienen. Wenn Sie jQuery verwenden, müssen Sie manchmal den Textinhalt aller a-Tags auf der Seite gleichzeitig ändern, was Zeit und Energie sparen kann. Im Folgenden wird erläutert, wie Sie mit jQuery den Text aller Tags auf der Seite schnell ändern können, und es werden spezifische Codebeispiele angegeben. Zuerst müssen wir die jQuery-Bibliotheksdatei einführen und sicherstellen, dass der folgende Code in die Seite eingefügt wird: &lt

Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Feb 28, 2024 pm 05:42 PM

Titel: Verwenden Sie jQuery, um den Textinhalt aller Tags zu ändern. jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur Verarbeitung von DOM-Operationen verwendet wird. Bei der Webentwicklung müssen wir häufig den Textinhalt des Link-Tags (eines Tags) auf der Seite ändern. In diesem Artikel wird erläutert, wie Sie mit jQuery dieses Ziel erreichen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die jQuery-Bibliothek in die Seite einführen. Fügen Sie den folgenden Code in die HTML-Datei ein:

So verbergen Sie die Merkliste in Bilibili So verbergen Sie die Merkliste in Bilibili Mar 01, 2024 pm 01:10 PM

Wenn wir die Bilibili-Software verwenden, können andere Benutzer unsere Beobachtungsliste sehen. Einige Freunde haben geäußert, dass sie die Liste auf einen privaten Status setzen möchten. Öffnen Sie die App „bilibili“ auf Ihrem Telefon, rufen Sie die Seite „Personal Center“ auf und klicken Sie unten rechts auf „Weitere Dienste“. Suchen Sie in den erweiterten Optionen die Funktion „Einstellungen“ und klicken Sie, um sie zu öffnen. 2. Nachdem Sie zur Einstellungsseite gelangt sind, suchen Sie nach „Sicherheit und Datenschutz“ und klicken Sie zum Aufrufen darauf. 3. Als nächstes gibt es auf der Seite, die Sie aufrufen, „Space-Einstellungen“. Wenn Sie diese sehen, klicken Sie darauf, um sie auszuwählen. 4. Schließlich gibt es auf der Seite mit den Space-Einstellungen eine Schaltfläche zum Umschalten hinter „Meine Beobachtungsliste veröffentlichen“. Klicken Sie auf den Schieberegler, um ihn auf Grau zu stellen.

See all articles