點選元素實現當前元素隱藏效果

antzone發表於2017-03-28

下面分享一段非常簡單的程式碼，僅供初學者參考只用，此程式碼能夠實現點選將當前被點選的元素隱藏。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
#thediv{
  width:200px;
  height:100px;
  background-color:red;
  margin:0px auto;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#thediv").click(function(){ 
    $(this).hide(); 
  }); 
}); 
</script> 
</head>
<body> 
<div id="thediv"></div>
</body> 
</html>

以上程式碼實現了我們的要求，點選div可以將div元素本身隱藏。

相關文章