首頁 web前端 js教程 jQuery複合事件結合toggle()方法的用法範例

jQuery複合事件結合toggle()方法的用法範例

Jun 21, 2017 pm 04:35 PM
jquery toggle 事件 結合

這篇文章主要介紹了jQuery複合事件結合toggle()方法的用法,實例分析了toggle()方法的功能、定義以及與複合事件結合使用的操作技巧,需要的朋友可以參考下方

本文實例講述了jQuery複合事件結合toggle()方法的用法。分享給大家供大家參考,具體如下:

定義與用法

toggle() 方法用來綁定兩個或多個事件處理器函數,以回應被選元素的輪流的click 事件。

語法:

$(selector).toggle(function1(),function2(),functionN(),.. .)<br>當指定元素被點擊時,在兩個或多個函數之間輪流切換。

與方法hide()show()綁定使用,可實現折疊效果;

#具體事例:


&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js &quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
 $(function(){
    $(&quot;#dt1&quot;).toggle(
      function(){$(&quot;#p1&quot;).show();},
      function(){$(&quot;#p1&quot;).hide();}
    );
   })
&lt;/script&gt;
&lt;dl&gt;
  &lt;dt id=&quot;dt1&quot;&gt;新闻管理&lt;/dt&gt;
  &lt;p id=&quot;p1&quot;&gt;
  &lt;dd&gt;发布新闻&lt;/dd&gt;
  &lt;dd&gt;新闻列表&lt;/dd&gt;
  &lt;dd&gt;回收站&lt;/dd&gt;
  &lt;/p&gt;
&lt;/dl&gt;
登入後複製

以上是jQuery複合事件結合toggle()方法的用法範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

jQuery引用方法詳解:快速上手指南 jQuery引用方法詳解:快速上手指南 Feb 27, 2024 pm 06:45 PM

jQuery引用方法詳解:快速上手指南

jQuery中如何使用PUT請求方式? jQuery中如何使用PUT請求方式? Feb 28, 2024 pm 03:12 PM

jQuery中如何使用PUT請求方式?

jQuery如何移除元素的height屬性? jQuery如何移除元素的height屬性? Feb 28, 2024 am 08:39 AM

jQuery如何移除元素的height屬性?

jQuery小技巧:快速修改頁面所有a標籤的文本 jQuery小技巧:快速修改頁面所有a標籤的文本 Feb 28, 2024 pm 09:06 PM

jQuery小技巧:快速修改頁面所有a標籤的文本

使用jQuery修改所有a標籤的文字內容 使用jQuery修改所有a標籤的文字內容 Feb 28, 2024 pm 05:42 PM

使用jQuery修改所有a標籤的文字內容

探索PHP與區塊鏈的完美結合 探索PHP與區塊鏈的完美結合 Mar 27, 2024 pm 02:12 PM

探索PHP與區塊鏈的完美結合

了解jQuery中eq的作用及應用場景 了解jQuery中eq的作用及應用場景 Feb 28, 2024 pm 01:15 PM

了解jQuery中eq的作用及應用場景

如何使用 PHP 建立基於事件的應用程式 如何使用 PHP 建立基於事件的應用程式 May 04, 2024 pm 02:24 PM

如何使用 PHP 建立基於事件的應用程式

See all articles