jquery中toggle()方法的使用(隱藏與顯示的切換)
阿新 • • 發佈:2019-02-05
使用方法:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>toggle()方法繫結多個函式</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <h3>toggle()方法繫結多個函式</h3> <input id="btntest" type="button" value="點一下我" /> <div>我是動態顯示的</div> <script type="text/javascript"> $(function () { $("#btntest").bind("click", function () { $("div").toggle(); }) }); </script> </body> </html>
解析:
當第一次點選按鈕時執行toggle()方法,將div隱藏(因為元素開始是顯示的),
當第二次點選按鈕時執行toggle()方法,將div顯示。