jquery怎麼修改hidden屬性
- 青灯夜游原創
- 2022-03-11 15:45:543322瀏覽
方法：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生命週期