- 案例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } .box{ width: 300px; height: 300px; background-color: red; } button{ width: 100px; height: 50px; margin: 10px; } </style> //下载js文件 <script src="../js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"> </script> </head> <body> <div class="box"></div> <div> <button>隐藏</button> <button>显示</button> <button>隐藏与显示</button> </div> <script> /** * 隐藏 * hide(动作完成需要的时间（毫秒）, 动作完成后执行的函数) * 显示 * show(动作完成需要的时间（毫秒）, 动作完成后执行的函数) */ $("button").eq(0).click(function(){ // 隐藏标签 //$(".box").hide() //$(".box").hide(3000) $(".box").hide(3000, function(){ console.log("隐藏完成") }) }) $("button").eq(1).click(function(){ // 显示标签 $(".box").show(3000) }) $("button").eq(2).click(function(){ // $(".box").toggle(3000) }) </script> </body> </html>
扫一扫
441
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
