jquery如何实现隐藏与显示的切换

 时间:2024-10-13 23:05:21

1、新建一个html文件,命名为test.html,用于讲解jquery如何实现隐藏与显示的切换。

jquery如何实现隐藏与显示的切换

2、在test.html文件中,引入jquery.min.js库文件。

jquery如何实现隐藏与显示的切换

3、在test.html文件中,使用button标签创建一个按钮,使用p标签创建一行文字。

jquery如何实现隐藏与显示的切换

4、在script标签内,给button标签绑定click点击事件,当按钮被点击时,执行function函数。

jquery如何实现隐藏与显示的切换

5、在function函数内,获得p标签对象,使用toggle()方法让p对象在隐藏与显示的切换。

jquery如何实现隐藏与显示的切换

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

jquery如何实现隐藏与显示的切换
  • css如何去掉select选项自带的边框
  • js如何获取input的value值
  • jquery获取对象属性值的方法?
  • 怎么用js在span里添加一张图片
  • js怎么改变span标签的内容
  • 热门搜索
    古诗文手抄报 2020年鼠年手抄报 抗战手抄报 亲子阅读手抄报 防震减灾手抄报图片 春节里的数学手抄报 法制教育手抄报图片 科技新闻手抄报 数学手抄报图片三年级 五一劳动节手抄报简单又漂亮