方法：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中文網其他相關文章！
