jQuery 对基本选择符的运用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-3.7.1.js" ></script>
<script>
$(document).ready(function(){ /*准备运行的文件*/
$(".ycq").click(function(){ /*对该文件进行点击操作*/
$("h1").hide(); /*对该文件进行隐藏*/
}) /*结束第一句*/
}) /*结束第二句*/
$(document).ready(function(){ /*准备运行的文件*/
$(".ycw").click(function(){ /*对该文件进行点击操作*/
$(".di").hide(); /*对该文件进行隐藏*/
}) /*结束第一句*/
}) /*结束第二句*/
$(document).ready(function(){ /*准备运行的文件*/
$(".yce").click(function(){ /*对该文件进行点击操作*/
$("#de").hide(); /*对该文件进行隐藏*/
}) /*结束第一句*/
}) /*结束第二句*/
$(document).ready(function(){ /*准备运行的文件*/
$(".ycm").click(function(){ /*对该文件进行点击操作*/
$(".di,#de").hide(); /*对该文件进行隐藏*/
}) /*结束第一句*/
}) /*结束第二句*/
$(document).ready(function(){ /*准备运行的文件*/
$(".ycl").click(function(){ /*对该文件进行点击操作*/
$("*").hide(); /*对所有文件进行隐藏*/
}) /*结束第一句*/
}) /*结束第二句*/
</script>
<style> /*样式编辑关键词*/
h1{color: blueviolet;} /*对h1进行样式编辑*/
.di{color: aquamarine; font-size: x-large;}
/*对di进行样式编辑 第一句是编辑字体颜色第二句是编辑字体大小*/
#de{color: cadetblue;} /*对de进行样式编辑*/
</style>
</head>
<body>
<h1>玉溪农业职业技术学院</h1>
<p class="di">信息电气工程学院</p>
<p id="de">计应2151班</p>
<button class="ycq">隐藏1</button>
<button class="ycw">隐藏2</button>
<button class="yce">隐藏3</button>
<button class="ycm">隐藏4</button>
<button class="ycl">隐藏5</button>
</body>
</html>
