abstract：<html lang="en"> <head> <meta charset="UTF-8" /> &n
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title></title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: 'Microsoft YaHei';
}
ul,
li {
list-style: none;
}
div,
p {
width: 100px;
height: 100px;
margin: 0 auto;
}
div {
background: green;
}
p {
background: red;
}
</style>
<body>
<div></div>
<p></p>
<script>
(function() {
$(document).ready(function() {
$('div').click(function() {//点击div，隐藏div
$('div').hide();
});
$('p').click(function() {//点击p，显示div
$('div').show();
});
});
})();
</script>
</body>
</html>" . "链式操作
Correcting teacher：西门大官人Correction time：2019-03-03 16:34:10
Teacher's summary：js代码中$(document).ready多余了，可以删除