14.显示和隐藏 · 学习笔记

~~~ <title>Document</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <style> #test{ width:100px; height:100px; background: red; } </style> </head> <body> <div id="test"> </div> <button id="btn">切换</button> <script> /* show hide is(":visible") -->返回boolean值,判断元素是否可见 toggle() -->在show和hide之间切换 */ $("#btn").click(function(){ // console.log($("#test").is(":visible")) // if($("#test").is(":visible")){ // $("#test").hide(1000) // }else{ // $("#test").show(1000) // } $("#test").toggle(1000) }) </script> </body> ~~~