jquery: Detaillierte Erklärung zur Verwendung von Toggle

Der unten stehende Editor liefert Ihnen eine detaillierte Erklärung der beiden Verwendungen von Toggle in jquery (empfohlen). Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Editor und werfen wir einen Blick darauf.

1. Binden Sie zwei oder mehr Funktionen in das Click--Ereignis Im Gegensatz zum Binden, bei dem Sie am Ende „Klick“ hinzufügen müssen, um das Klick-Trigger-Ereignis zu binden, wird das Umschalten selbst durch einen Klick ausgelöst (und kann nur durch einen Klick ausgelöst werden).

Folgendes Beispiele:

<input id="btntest" type="button" value="点一下我" />
<p>我是动态显示的</p>

<script type="text/javascript">
  $(function () {
    $("#btntest")
      $("#btntest").toggle(
      function(){
        $("p").html("我变了！");
      },
      function(){
        $("p").html("我又变了！");
      });
    });
</script>

2. Anzeige- und Ausblendeffekte von Elementen umschalten:

<input id="btntest" type="button" value="点一下我" />
<p>我是动态显示的</p>

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

Das obige ist der detaillierte Inhalt vonjquery: Detaillierte Erklärung zur Verwendung von Toggle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!