举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > jquery hide jQuery 效果 - hide() 方法

jquery hide jQuery 效果 - hide() 方法

2023-04-17 09:18 jQuery教程

jquery hide jQuery 效果 - hide() 方法

jquery hide

jQuery hide 是 jQuery 中的一个函数,它可以用来隐藏 HTML 元素。它可以用来改变元素的 CSS 属性,使其不可见。它是一个非常有用的函数,因为它可以让你在不刷新页面的情况下改变元素的显示状态。

jQuery hide 函数有很多用法,但最常见的是使用选择器来隐藏 HTML 元素。例如,如果你想要隐藏所有 class 为 “hidden” 的 div 元素,你可以使用以下代码:

$('.hidden').hide();

这将会隐藏所有 class 为 “hidden” 的 div 元素。此外,jQuery hide 还可以接受一些额外的选项,例如 duration、easing、callback 等。duration 选项允许你控制动画的时间;easing 选项允许你控制动画的速度和方式;callback 选项允许你在动画完成后执行一些代码。例如,如果你想要在隐藏 div 元素后打印一条信息,你可以使用以下代码:

$('.hidden').hide({duration: 1000, easing: 'linear', callback: function(){ console.log('Div hidden!'); }});

这将会隐藏 class 为 “hidden” 的 div 元素并在动画完成后打印一条信息。此外,jQuery hide 还有一些其他功能和选项,例如 show、toggle、fadeOut 等。show 选项允许你显示已隐藏的 HTML 元素;toggle 选项允许你在显示和隐藏之间切换 HTML 元素的显示/隐藏性;fadeOut 选项允许你使用动画效果来隐藏 HTML 元素。

jQuery 效果 - hide() 方法

jQuery 效果参考手册

实例

隐藏可见的 <p> 元素:

$(".btn1").click(function(){
  $("p").hide();
});

亲自试一试

定义和用法

如果被选的元素已被显示,则隐藏该元素。

语法

$(selector).hide(speed,callback)
参数 描述
speed

可选。规定元素从可见到隐藏的速度。默认为 "0"。

可能的值:

  • 毫秒 (比如 1500)
  • "slow"
  • "normal"
  • "fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。

callback

可选。hide 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。

提示和注释

提示:如果元素已经是完全可见,则该效果不产生任何变化,除非规定了 callback 函数。

亲自试一试 - 实例

使用 speed 参数
使用 speed 参数来隐藏和显示元素。
使用 speed 和 callback 参数
使用 speed 和 callback 参数来隐藏和显示元素。

jQuery 效果参考手册

阅读全文
以上是编程学为你收集整理的jquery hide jQuery 效果 - hide() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部