如何使用jquery让元素显示后自动隐藏

在jquery中,可以使用show()方法让隐藏的元素显示出来,通过定时器setTimeout()方法可以实现元素的自动隐藏。下面小编以div元素为例,讲解如何使用jquery让元素显示后自动隐藏。

东西/原料

  • html+jquery
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解若何利用jquery让元素显示后主动埋没。

  2. 2

    在test.html文件内,利用div建立一行文字,并设置其id属性为aaa,本家儿要用于下面经由过程该id获得div对象。

  3. 3

    在test.html文件内,利用css设置div埋没不成见,即设置div的display属性值为none。

  4. 4

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“点击触发元素显示并埋没”。

  5. 5

    在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行setzt()函数。

  6. 6

    在js标签中,建立setzt()函数,在函数内,经由过程id(aaa)获得div对象,利用show()方式将埋没的div显示出来,再利用setTimeout()设置在1秒后,经由过程hide()方式将显示出来的div埋没。

  7. 7

    在浏览器打开test.html文件,点击按钮,查看实现的结果。

    END

总结:

  1. 1

    1、建立一个test.html文件。
    2、在文件内,利用div建立一行文字,并设置其id属性为aaa,同时利用css设置div埋没不成见。
    3、建立一个button按钮,用于触发执行js函数。
    4、在js标签内,建立函数,在函数内,经由过程id(aaa)获得div对象,利用show()方式将埋没的div显示出来,再利用setTimeout()设置在1秒后,经由过程hide()方式将显示出来的div埋没。

    END

注重事项

  • setTimeout()方式设置的秒数单元为毫秒。
  • 发表于 2020-02-14 17:00
  • 阅读 ( 13 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 145 文章
  2. 汤依妹儿 97 文章
  3. luogf229 36 文章
  4. 小凡 34 文章
  5. Daisy萌 32 文章
  6. 鹿豹座 31 文章
  7. 华志健 23 文章
  8. 橘子的猫 21 文章