jquery eine Schaltfläche ausblenden

jquery ist eine sehr beliebte JavaScript-Bibliothek, die viele praktische Bedienmethoden bietet und die normale JavaScript-Programmierung schneller und einfacher macht. In diesem Artikel erfahren Sie, wie Sie eine Schaltfläche mithilfe von JQuery ausblenden.

Bevor Sie jquery verwenden, müssen Sie zunächst einen Verweis auf die jquery-Datei auf der HTML-Seite hinzufügen. Die JQuery-Datei kann mit dem folgenden Code in die Seite eingefügt werden:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

Als nächstes können wir wie unten gezeigt ein Schaltflächenelement im HTML hinzufügen:

<button id="btnHide">隐藏按钮</button>

Dann verwenden Sie in JavaScript den JQuery-Selektor, um das Schaltflächenelement auszuwählen und add Der Versteckvorgang ist wie folgt:

// 选中id为btnHide的按钮元素
var $btnHide = $("#btnHide");

// 定义隐藏操作
$btnHide.hide();

Der obige Code verwendet die versteckte Methode hide() von jquery, die das ausgewählte Element unsichtbar machen und von der Seite entfernen kann. Wenn wir den obigen Code ausführen, wird das Schaltflächenelement daher ausgeblendet und verschwindet von der Seite.

Wenn wir das Schaltflächenelement erneut anzeigen möchten, müssen wir nur die Anzeigemethode show() von jquery verwenden. Der Code lautet wie folgt:

// 选中id为btnHide的按钮元素
var $btnHide = $("#btnHide");

// 定义显示操作
$btnHide.show();

Es ist zu beachten, dass Sie Änderungen vornehmen können, wenn Sie jquery zum Ausblenden oder Anzeigen von Elementen verwenden der entsprechende Code Platzieren Sie ihn im Ereignis nach dem Laden der Seite, um sicherzustellen, dass alle Elemente auf der Seite korrekt geladen werden und für den Betrieb verfügbar sind. Das Folgende ist der vollständige Beispielcode:

    
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>



    
    <button id="btnHide">隐藏按钮</button>

    
    <script>
        // 等待页面加载完成后执行
        $(function() {
            // 选中id为btnHide的按钮元素
            var $btnHide = $("#btnHide");

            // 定义隐藏操作
            $btnHide.hide();

            // 定义显示操作
            // $btnHide.show();
        });
    </script>

Mit dem obigen Code können wir einen Vorgang implementieren, bei dem wir uns verstecken, indem wir auf eine Schaltfläche auf der Seite klicken. Es muss betont werden, dass JQuery eine Fülle von Betriebsmethoden bietet, die wir entsprechend unseren Anforderungen in der tatsächlichen Programmierung auswählen und verwenden können.

Das obige ist der detaillierte Inhalt vonjquery eine Schaltfläche ausblenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!