jquery如何修改hidden属性
jquery如何修改hidden属性
这篇文章主要介绍了jquery如何修改hidden属性的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何修改hidden属性文章都会有所收获，下面我们一起来看看吧。
方法：1、用attr()，语法“元素对象.attr("hidden",值)”；2、用prop()，语法“元素对象.prop("hidden",值)”；3、用removeAttr()，语法“元素.removeAttr("hidden")”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。如果使用该属性，则会隐藏元素。
jquery修改hidden属性
1、使用attr()属性设置hidden属性的值
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><scriptsrc="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("div").attr("hidden",false);});});</script></head><body><p>测试文字-p元素</p><divhidden>测试文字-div元素</div><p>测试文字-p元素</p><button>修改hidden属性</button></body></html>
2、用prop()属性设置hidden属性的值
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><scriptsrc="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("div").prop("hidden",false);});});</script></head><body><p>测试文字-p元素</p><divhidden>测试文字-div元素</div><p>测试文字-p元素</p><button>修改hidden属性</button></body></html>
运行效果和方法1一样
3、用removeAttr()属性删除hidden属性
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><scriptsrc="js/jquery-1.10.2.min.js"></script><script>$(document).ready(function(){$("button").click(function(){$("div").removeAttr("hidden");});});</script></head><body><p>测试文字-p元素</p><divhidden>测试文字-div元素</div><p>测试文字-p元素</p><button>修改hidden属性</button></body></html>
运行效果和方法1一样
关于“jquery如何修改hidden属性”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery如何修改hidden属性”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注恰卡编程网行业资讯频道。
