Jquery实现满足两个条件后显示/隐藏

 时间:2024-11-03 16:17:27

1、新建一个html文件,命名为test.html,用于讲解Jquery实现满足两个条件后显示/隐藏。

Jquery实现满足两个条件后显示/隐藏

2、在test.html文件内,使用p标签创建一行文字,下面将实现将p元素显示/隐藏。

Jquery实现满足两个条件后显示/隐藏

3、在test.html文件内,使用button标签创建两个按钮,分别是“显示”、“隐藏”按钮。

Jquery实现满足两个条件后显示/隐藏

4、在test.html文件内,给两个button按钮绑定onclick点击事件,当按钮被点击时,分别执行show_p()函数、 hide_p()函数。

Jquery实现满足两个条件后显示/隐藏

5、在js标签内,创建两个条件(虚拟条件,用于测试),分别为conditon1,condition2,分别设置它们为true,同时创建show_p()函数,在函数内,使用if语句判断两个条件是否满足,若满足两个条件,则使用show()方法把p元素显示出来。

Jquery实现满足两个条件后显示/隐藏

6、在js标签内,再创建一个hide_p()函数,在函数内,使用if语句判断两个条件是否满足,若满足两个条件,则使用hide()方法把p元素隐藏出来。

Jquery实现满足两个条件后显示/隐藏

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

Jquery实现满足两个条件后显示/隐藏Jquery实现满足两个条件后显示/隐藏Jquery实现满足两个条件后显示/隐藏
  • PLSQL Developer怎么不设置自动关闭未用连接
  • 批量文件重命名(批处理命令)
  • 在VBA中,数组的实例应用(三)
  • 易语言制作批处理运行软件
  • Everything怎么设置包含到数据库
  • 热门搜索
    pcs是什么意思 如何修改ppt母版 生活垃圾处理设备 五月是什么星座 fossil手表怎么样 如何计提坏账准备 fps是什么意思 失业保险如何领取 如何找回六级准考证号 怎么查成考成绩