jQuery隱藏一個div元素

antzone發表於2018-07-14
jQuery

本章節分享一段程式碼例項，它實現了隱藏指定div元素的功能。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title>  
<style type="text/css">  
#box{
  width:300px;
  height:100px;
  background:#4F4F4F;
}
</style>  
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("#bt").click(function(){
    $("#box").hide(1000)
  })
});
</script>
</head>  
<body>  
<div id="box"></div>
<input type="button" id="bt" value="檢視效果"/>
</body>  
</html>

上面的程式碼實現了我們的要求，程式碼非常的簡單。

相關閱讀:

（1）.click事件參閱jQuery click事件一章節。

（2）.hide方法參閱jQuery hide()一章節。

相關文章