jQuery顯示隱藏效果
阿新 • • 發佈：2022-04-18
顯示語法規範
顯示引數
1.引數都可以省略，無動畫直接顯示。
2.speed :三種預定速度之一的字串(“slow”, "normal”",or“fast”)或表示動畫時長的毫秒數值(如:1000)
3.easing : (Optional)用來指定切換效果，預設是“swing”，可用引數“linear”.
4.fn:回撥函式，在動畫完成時執行的函式，每個元素執行一次。
程式碼示例（包含隱藏）：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { height: 400px; width: 138px; background-color: pink; } </style> </head> <body> <button>顯示</button> <button>隱藏</button> <button>切換</button><div></div> </body> <script src="/js檔案/jQuery.mini.js"></script> <script type="text/javascript"> $(function () { //顯示 $("button").eq(0).click(function () { $("div").show(1000, function () { alert(1) }); })//隱藏 $("button").eq(1).click(function () { $("div").hide(1000, function () { alert(1) }); }) //切換 $("button").eq(1).click(function () { $("div").toggle(1000) }) //一般情況下我們都不加引數直接顯示隱藏就可以了 }) </script> </html>