[ jQuery ] 隱藏與顯示－學習資訊部落

Mar 02 Mon 2020 15:51
[ jQuery ] 隱藏與顯示

close

#d_1為div的id名稱

$('#d_1').show(); 為改成顯示
$('#d_2').hide(); 為改成隱藏

程式範例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>隱藏與顯示</title>
</head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script language='javascript'>
$(document).ready(function(){
$('#d_1').show();
$('#d_2').hide();
});
</script>
<body>
<div id="d_1" hidden="hidden">把隱藏變成顯示</div>
<div id="d_2" >把顯示變成隱藏</div>
</body>
</html>