养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery怎么判断元素是否隐藏

时间:2024-10-23 10:33:09

元素隐藏的display属性为none,螅岔出礤在jquery中,可以通过css()方法获得display属性,使用if语句判断元素是否被隐藏了。下面小编举例讲解jquery怎么判断元素是否隐藏。

jquery怎么判断元素是否隐藏

工具/原料

html+jquery

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解jquery怎么判断元素是否隐藏。

jquery怎么判断元素是否隐藏

2、在test.html文件内,使用p标签创建两行内容,并分别设置它们的id为one,two。

jquery怎么判断元素是否隐藏

3、在test.html文件内,使用display属性,设置第一个p标签隐藏不可见。

jquery怎么判断元素是否隐藏

4、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行ishide()函数。

jquery怎么判断元素是否隐藏

5、在js标签中,创建ishide()函数,在函数内,通过id获得隐藏的p标签对象,使腩柽鬣盛用css()方法获得对象的display属性,使用if语句判断属性值是否为none,如果是non髫潋啜缅e,证明p元素隐藏不可见。

jquery怎么判断元素是否隐藏

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

jquery怎么判断元素是否隐藏

© 一点知识