jquery怎么修改hidden属性
- 青灯夜游原创
- 2022-03-11 15:45:543327浏览
方法：1、用attr()，语法“元素对象.attr("hidden",值)”；2、用prop()，语法“元素对象.prop("hidden",值)”；3、用removeAttr()，语法“元素.removeAttr("hidden")”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。如果使用该属性，则会隐藏元素。
jquery修改hidden属性
1、使用attr()属性设置hidden属性的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="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>
<div hidden>测试文字-div元素</div>
<p>测试文字-p元素</p>
<button>修改hidden属性 </button>
</body>
</html>
2、用prop()属性设置hidden属性的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="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>
<div hidden>测试文字-div元素</div>
<p>测试文字-p元素</p>
<button>修改hidden属性 </button>
</body>
</html>运行效果和方法1一样
3、用removeAttr()属性删除hidden属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function(){
$("div").removeAttr("hidden");
});
});
</script>
</head>
<body>
<p>测试文字-p元素</p>
<div hidden>测试文字-div元素</div>
<p>测试文字-p元素</p>
<button>修改hidden属性 </button>
</body>
</html>运行效果和方法1一样
【推荐学习：jQuery视频教程、web前端视频】
以上是jquery怎么修改hidden属性的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：什么叫vue生命周期下一篇：vue的spa项目是什么