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标签的内容
  • 热门搜索
    开椰器怎么用 怎么检测艾滋病 工作简历怎么写 宝宝便秘怎么调理 春纪护肤品怎么样 甘蓝怎么吃 冰棍怎么做 烤箱怎么烤红薯 箭牌卫浴怎么样 胃疼怎么调理