我是靠谱客的博主 含糊小鸽子,这篇文章主要介绍jquery怎么删除hidden属性,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

HTML hidden属性

hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。

如果给元素添加该属性,则会隐藏元素。

例:

复制代码
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>这是一段可见的段落。</p> <p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p> <p>这是一段可见的段落。</p> </body> </html>
登录后复制

1.png

jquery怎么删除hidden属性

1、使用removeAttr()删除hidden属性

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").removeAttr("hidden"); }) }) </script> </head> <body> <p>这是一段可见的段落。</p> <p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p> <p>这是一段可见的段落。</p> <button>删除hidden属性</button> </body> </html>
登录后复制

2.gif

2、使用prop()将hidden属性的值设置为空

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").prop("hidden",""); }) }) </script> </head> <body> <p>这是一段可见的段落。</p> <p hidden="hidden">这是一段被隐藏的段落,现在显示出来了。</p> <p>这是一段可见的段落。</p> <button>删除hidden属性</button> </body> </html>
登录后复制

3.gif

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么删除hidden属性的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是含糊小鸽子最近收集整理的关于jquery怎么删除hidden属性的全部内容,更多相关jquery怎么删除hidden属性内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(174)

评论列表共有 0 条评论

立即
投稿
返回
顶部