本文實例講述了jQuery復合事件結合toggle()方法的用法。分享給大家供大家參考,具體如下:
定義和用法
toggle()
方法用于綁定兩個或多個事件處理器函數,以響應被選元素的輪流的 click 事件。
語法:
$(selector).toggle(function1(),function2(),functionN(),...)
當指定元素被點擊時,在兩個或多個函數之間輪流切換。
與方法hide()
、show()
綁定使用,可實現折疊效果;
具體事例:
<script type="text/javascript" src="js/jquery.js "></script><script type="text/javascript"> $(function(){ $("#dt1").toggle( function(){$("#div1").show();}, function(){$("#div1").hide();} ); })</script><dl> <dt id="dt1">新聞管理</dt> <div id="div1"> <dd>發布新聞</dd> <dd>新聞列表</dd> <dd>回收站</dd> </div></dl>
PS:這里再附上javascript常見事件與功能說明的在線對照表供大家參考:
javascript事件與功能說明大全:
http://tools.VeVB.COm/table/javascript_event
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答