So verwenden Sie Toggle in JQuery

So verwenden Sie das Umschalten in JQuery: 1. Binden Sie zwei oder mehr Funktionen an das Klickereignis des Elements, und das Umschalten selbst wird durch Klicken ausgelöst. 2. Erkennen Sie den Anzeige- und Ausblendeffekt des Umschaltens von Elementen.

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: JQuery-Video-Tutorial

So verwenden Sie Toggle in JQuery:

1. Binden Sie zwei oder mehr Funktionen im Click-Ereignis des Elements. Im Gegensatz zu Bind muss Toggle später hinzugefügt werden. um das Klick-Trigger-Ereignis zu binden. Das Umschalten selbst wird durch Klicken ausgelöst (und kann nur durch Klicken ausgelöst werden), wie im folgenden Beispiel gezeigt:

<input id="btntest" type="button" value="点一下我" />
<div>我是动态显示的</div>
<script type="text/javascript">
    $(function () {
        $("#btntest")
            $("#btntest").toggle(
            function(){
                $("div").html("我变了！");
            },
            function(){
                $("div").html("我又变了！");
            });
        });
</script>

2. Die Anzeige- und Ausblendeffekte von Schaltelementen:

<input id="btntest" type="button" value="点一下我" />
<div>我是动态显示的</div>
<script type="text/javascript">
    $(function () {
        $("#btntest").bind("click",function(){
            $("div").toggle(500);//此处的 500 是隐藏显示的延迟时间，默认为0，也可以用"slow","normal"或"fast"
                                 //如果里面的值为true（toggle(true)）时只能显示元素，值为false（toggle(false)）时只能隐藏元素。
） }) }); </script>

Verwandtes Lernen Empfehlungen: JS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Toggle in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!