[ jQuery ] 隱藏與顯示

#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>

小甲學習地

學習資訊部落

小甲學習地發表在痞客邦留言(0) 人氣( 1 )

全站分類：職場甘苦
個人分類： jQuery

▲top

請先登入以發表留言。

學習資訊部落

歡迎光臨，來到學習天地。本部落以學習為主。

參觀人氣

學習資訊部落

歡迎光臨，來到學習天地。 本部落以學習為主。