>首页> IT >

jquery怎么修改hidden属性

时间:2022-03-11 15:32:27       来源:PHP中文网

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

hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。如果使用该属性,则会隐藏元素。

jquery修改hidden属性

1、使用attr()属性设置hidden属性的值

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function(){$("div").attr("hidden",false);});});</script>

测试文字-p元素

测试文字-p元素

2、用prop()属性设置hidden属性的值

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function(){$("div").prop("hidden",false);});});</script>

测试文字-p元素

测试文字-p元素

运行效果和方法1一样

3、用removeAttr()属性删除hidden属性

<script src="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function() {$("button").click(function(){$("div").removeAttr("hidden");});});</script>

测试文字-p元素

测试文字-p元素

运行效果和方法1一样

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

以上就是jquery怎么修改hidden属性的详细内容,更多请关注php中文网其它相关文章!

关键词: 属性设置 怎么修改 相关文章