Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie verwende ich js, um die Schaltfläche beim Klicken auszublenden und anzuzeigen?

藏色散人
Freigeben: 2021-02-10 09:25:22
Original
23410 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von js vorgestellt, um die Ausblend- und Anzeigeeffekte beim Klicken auf Schaltflächen zu realisieren, was für die Benutzererfahrung praktischer ist.

Hinweis: jQuery ist ein schnelles und prägnantes JavaScript-Framework. Es ist eine weitere hervorragende JavaScript-Codebibliothek (oder JavaScript-Framework) nach Prototype. Der Zweck des jQuery-Designs besteht darin, „weniger zu schreiben, mehr zu tun“, was bedeutet, weniger Code zu schreiben und mehr Dinge zu tun. Es kapselt häufig verwendete Funktionscodes in JavaScript, stellt ein einfaches JavaScript-Entwurfsmuster bereit und optimiert HTML-Dokumentvorgänge, Ereignisverarbeitung, Animationsdesign und Ajax-Interaktion.

JS implementiert den Effekt des Ausblendens und Anzeigens beim Klicken auf eine Schaltfläche. Die spezifischen Codebeispiele lauten wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#hide").click(function(){
                $("p").hide();
            });
            $("#show").click(function(){
                $("p").show();
            });
        });
    </script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮,就会消失,点击“显示”就会出现。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>
Nach dem Login kopieren

Sie können den obigen Code zur lokalen Demonstration direkt kopieren . Ich hoffe, dass diese Artikeleinführung für alle hilfreich sein wird.

Wie verwende ich js, um die Schaltfläche beim Klicken auszublenden und anzuzeigen?

[Empfehlungen für verwandte Artikel]

So fügen Sie Klickereignisse in js hinzu

js simuliert Klickereignisse

jQuery löst Klickereignisse standardmäßig auf der ersten Ausführungsseite aus

JQuery simuliert Klickereignisse und löst automatisch Ereignisse aus

Detaillierte Erklärung des Konflikts zwischen Hover- und Click-Ereignissen in jQuery (Bild)

Das obige ist der detaillierte Inhalt vonWie verwende ich js, um die Schaltfläche beim Klicken auszublenden und anzuzeigen?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!