Heim > Artikel > Web-Frontend > Wie verwende ich js, um die Schaltfläche beim Klicken auszublenden und anzuzeigen?

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

藏色散人Original: 2018-08-06 14:55:4623417Durchsuche

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>

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!

JavaScript jquery ajax less html 封装 JS 事件 prototype

Stellungnahme：

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

Vorheriger Artikel：Was ist JS-Array-Flattening? Implementierung der JS-Array-Flattening (mit Code)Nächster Artikel：Was ist JS-Array-Flattening? Implementierung der JS-Array-Flattening (mit Code)

In Verbindung stehende Artikel

Mehr sehen