jquery基础语法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery基础语法</title>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>
<script>
$(document).ready(function(){//文档就绪函数
$("#show").hide();
$("#show").click(function () {
$("#box").show();
$("#show").hide();
$("#hide").show();
});
$("#hide").click(function () {
$("#box").hide();
$("#show").show();
$("#hide").hide();
});
})
</script>
<div id ="box" style="width: 100px;height: 100px;background: pink;"></div>
<button id="show">显示</button>
<button id="hide">隐藏</button>
</body>
</html>