<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#div1{
width: 100px;
height: 100px;
background-color: greenyellow;
}
</style>
<script src="js/jq/jquery-2.1.3.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//Jquery是Javascript库, write less,do more写的更少,做的更多;浏览器兼容出现的问题,jq替你解决,removeChild()对应remove()有浏览器兼容问题,在jq下面直接写remove()删除一个DOM子节点
// 1.引入jq
// 2.语法$(选择器).action()
// 3.chaining 链式语法
// 4.动画与特效$(选择器).animate(参数);
// 5.css方法
// 6.DOM操作
$(document).ready(function(){
$("#div1").click(function(){
$("#div1").hide();
})
})
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>