jquery怎样实现两秒后消失

jquery中,可用delay()和hide()函数来说实现元素两秒后消失效果,delay()函数用于对队列下一项的执行设置延迟时间,hide()函数用于隐藏被选中的元素,语法为“$(元素).delay(2000).hide(200)”。

jquery怎样实现两秒后消失

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎样实现两秒后消失

delay() 方法对队列中的下一项的执行设置延迟。

语法

$(selector).delay(speed,queueName)

登录后复制

参数

speed    可选。规定延迟的速度。可能的值:毫秒、”slow”、”fast”    

queueName  可选。规定队列的名称。默认是 “fx”,标准效果队列。    

hide() 方法隐藏被选元素。

提示:这与 CSS 属性 display:none 类似。

注释:隐藏的元素不会被完全显示(不再影响页面的布局)。

提示:如需显示隐藏的元素,请查看 show() 方法。

语法

$(selector).hide(speed,easing,callback)

登录后复制

示例如下:

    $(function(){        $("#dianji").click(function(){            $("#disappare").delay(2000).hide(200);        });    })    
                
            

点击2秒后会自动消失

        
    

登录后复制

输出结果:

01.gif

相关视频教程推荐:jQuery视频教程

以上就是jquery怎样实现两秒后消失的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2940512.html

(0)
上一篇 2025年3月11日 21:45:19
下一篇 2025年2月26日 05:35:10

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery怎样设置只能填数字

    jquery中,可用replace()方法和正则表达式来设置只能填写数字,replace()方法用于替换一个与正则表达式匹配的子串,当填写内容不是数字时就不显示,语法为“指定元素对象.val().replace(/[^d]/g,&#8221…

    2025年3月11日
    200
  • jquery怎样设置几秒循环

    在jquery中,可以利用setInterval()方法设置几秒循环指定的代码,该方法可按照以毫秒计的指定周期来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭,语法为“setInterval(调用函数,时间)”。…

    2025年3月11日
    200
  • 十分钟搞懂jquery对元素的基本操作

    本篇文章给大家带来了jquery常用功能总结,其中包括怎样获取、移动、创造和修改元素,希望对大家有帮助。 jQuery简介 jQuery是JS的一个类库,对JS中的某些功能进行封装,让DOM操作变得简单,使代码简洁,易于使用,且支持链式写法…

    2025年3月11日
    200
  • jquery怎样设置数组转字符串

    方法:1、利用toString()方法,该方法能够将数组转换成一个字符串,语法为“数组元素.toString()”;2、利用join()方法,该方法能够将数组元素连接起来以构建一个字符串,语法为“数组元素.join(分隔符)”。 本教程操作…

    2025年3月11日
    200
  • jquery中除法怎样取小数点后两位

    方法:1、利用toFixed()方法取小数点后两位,该方法可把小数四舍五入为指定位数字,语法为“除法结果.toFixed(2)”;2、利用round()方法取小数点后两位,语法为“Math.round(除法结果*100)/100”。 本教程…

    2025年3月11日
    200
  • js和jquery是什么意思

    js和jquery的意思:1、js是JavaScript的简称,是一种经常用在web客户端脚本语言,主要是用来给HTML增加动态功能;2、jquery是一套跨浏览器的JavaScript库,用于简化HTML与JavaScript之间的操作。…

    2025年3月11日
    200
  • css和jquery有什么区别

    区别:1、css是一种用来表现HTML或XML等文件样式的计算机语言,而jquery是一套跨浏览器的JavaScript代码库;2、CSS选中元素后为该元素设置样式,jQuery选中元素后为该元素添加行为。 本教程操作环境:windows1…

    2025年3月11日
    200
  • jquery怎样判断是否包含某个id元素

    方法:1、利用attr()方法获取指定元素的id属性值,语法为“$(元素).attr(‘id’)”;2、利用if语句和“==”运算符判断是否包含某个id即可,语法为“if(id属性值对象==指定id值){包含代码}e…

    2025年3月11日 编程技术
    200
  • jquery怎样添加丢失焦点事件

    在jquery中,可以利用blur()方法添加丢失焦点事件,该方法用于规定当元素失去焦点时发生blur事件,或者如果设置了function参数,该方法也可规定当元素丢失焦点时执行的代码,语法为“$(selector).blur()”。 本教…

    2025年3月11日
    200
  • jquery怎样替换标签里的内容

    在jquery中,可以利用html()方法替换标签里的内容,该方法的作用就是返回或设置被选元素的内容,当使用该方法没有设置参数时,就会返回被选元素当前的内容,语法为“$(元素).html(“新的内容”)”。 本教程操…

    2025年3月11日
    200

发表回复

登录后才能评论