本教程操作环境: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元素
测试文字-div元素测试文字-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元素
测试文字-div元素测试文字-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元素
测试文字-div元素测试文字-p元素
运行效果和方法1一样
【推荐学习:jQuery视频教程、web前端视频】
以上就是jquery怎么修改hidden属性的详细内容,更多请关注php中文网其它相关文章!