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怎么设置包含到数据库
  • 热门搜索
    安全教育手抄报图片简单又漂亮 六一手抄报 关于劳动的手抄报 端午节手抄报模板 溺水手抄报 卫生与健康手抄报 劳动最光荣手抄报内容 心理健康的手抄报 科技创新手抄报 关于法律的手抄报