Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery: Detaillierte Erklärung zur Verwendung von Toggle

黄舟
Freigeben: 2017-06-26 13:28:18
Original
2764 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

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