<!DOCTYPE html><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> .left div, .right div { width: 100%; height: 50px; padding: 5px; margin: 5px; float: left; border: 1px solid #ccc; } .left div { background: #bbffaa; } .right div { background: yellow; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body> <h2>hide</h2> <div class="left"> <h4>测试一</h4> <div id="a1">hide操作</div> <button>直接hide</button> <script type="text/javascript"> //点击buttom1 直接隐藏 $("button:first").click(function() { $("#a1").hide() }); $("button:first").click(function() { if($("#a1").){} }); </script> <h4>测试一</h4> <div id="a2">hide动画操作</div> <button>hide带动画</button> <script type="text/javascript"> //点击buttom2 执行动画隐藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) }); </script> </div></body></html>以上为代码,我想问下这里当我点击隐藏之后,那么我的#a1这个元素,它到底是style.display=none,还是说它的width,height,opacity都为0?
1 回答
已采纳
OlderSkee
TA贡献123条经验 获得超103个赞
show hide 是操作display ,
slideup down 是操作宽高,
fadein out是操作透明度,
你可以看看jQuery 的api。
- 1 回答
- 0 关注
- 3282 浏览
添加回答
举报
0/150
提交
取消