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

 时间:2026-02-14 14:41:28

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实现满足两个条件后显示/隐藏

1、创建一个test.html文件。


2、在文件内,使用p标签创建一行文字,同时使用button标签创建一个显示按钮和隐藏按钮。
3、在js标签内,创建两个函数,两个函数分别使用if判断是否满足条件,若条件满足,则使用show()或hide()方法实现显示或隐藏p元素。
  • PLSQL Developer怎么不设置自动关闭未用连接
  • 批量文件重命名(批处理命令)
  • 在VBA中,数组的实例应用(三)
  • 易语言制作批处理运行软件
  • Everything怎么设置包含到数据库
  • 热门搜索
    南山文化旅游区 在线旅游 敦煌旅游攻略 中国十大必去旅游城市 旅游团购 旅游线路设计 喀什旅游 张家界自由行旅游攻略 郑州旅游景点大全 新西兰旅游攻略