#我来了#用jquery实现点击button隐藏和显示div

 时间:2026-02-14 03:41:37

1、新建一个html文件,文件名为test.html。

#我来了#用jquery实现点击button隐藏和显示div

2、在test.html文件中,引入jquery.min.js这个jquery库文件,该文件是使用jquery隐藏和显示方法的前提。

#我来了#用jquery实现点击button隐藏和显示div

3、在test.html文件中,编写一个div标签,用于隐藏和显示,并给div一个id,方便用jquery方法来获取div标签。

#我来了#用jquery实现点击button隐藏和显示div

4、在test.html文件中,增加两个按钮,一个是隐藏按钮button,一个是显示按钮button。

#我来了#用jquery实现点击button隐藏和显示div

5、编写jquery代码,使用hide()方法来实现点击隐藏按钮时,隐藏id为aa的div元素。

#我来了#用jquery实现点击button隐藏和显示div

6、编写jquery代码,使用show()方法来实现点击显示按钮时,显示id为aa的div元素。

#我来了#用jquery实现点击button隐藏和显示div

7、运行代码,在浏览器中查询效果。

可见,当点击隐藏按钮时,div为隐藏掉不显示,当点击显示按钮时,div会显示出来。

#我来了#用jquery实现点击button隐藏和显示div

#我来了#用jquery实现点击button隐藏和显示div

  • 短视频营销推广优势
  • org.cn域名怎样注册?
  • .net配置数据库
  • 鹅掌木怎么养?
  • 电脑上3gqq召唤之王教程
  • 热门搜索
    5.1手抄报 动物手抄报 拒绝邪教手抄报 我爱阅读手抄报图片 我爱文学手抄报内容 五水共治手抄报内容 成长的足迹手抄报 六一儿童节手抄报简单 关于民族的手抄报 说普通话写规范字手抄报内容