jQuery中的slideUp()、slideDown()、hide()、show()用法汇总 |
您所在的位置：网站首页 › jquery中hide › jQuery中的slideUp()、slideDown()、hide()、show()用法汇总 |
jQuery中的slideUp()、slideDown()、hide()、show()用法汇总
|
slideUp(speed,[callback]) 通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。 这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏起来。 slideDown(speed,[callback]) 通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。 这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来 hide() 隐藏显示的元素 这个就是 'hide( speed, [callback] )' 的无动画版。如果选择的元素是隐藏的，这个方法将不会改变任何东西。 show() 显示隐藏的匹配元素。 这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。 slideUp()和slideDown() $(function(){ $("input:eq(0)").click(function(){ $("p").add("img").slideUp(1000); }); $("input:eq(1)").click(function(){ $("p").add("img").slideDown(1000); }); $("input:eq(2)").click(function(){ $("p").add("img").hide(1000); }); $("input:eq(3)").click(function(){ $("p").add("img").show(1000); }); });
以上就是jQuery中的slideUp()、slideDown()、hide()、show()用法汇总的详细内容，更多请关注php中文网其它相关文章！ |
【本文地址】
今日新闻 |
推荐新闻 |