实例
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Title</title>
<style>
dl{
display: block;
}
</style>
</head>
<body>
<script src="js/jQuery3.3.1.js"></script>
<script>
$(function () {
$('dl:odd').css("background-color",'#000')
$('dl:even').css("background-color",'red')
});
</script>
<dl>
<dd>ssssss</dd>
</dl>
<dl>
<dd>gog</dd>
</dl>
<dl>
<dd>s</dd>
</dl>
<dl>
<dd>ssssss</dd>
</dl>
<dl>
<dd>gog</dd>
</dl>
<dl>
<dd>s</dd>
</dl>
</body>
</html>
实例
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Title</title>
<style>
dl{
display: block;
}
</style>
</head>
<body>
<script src="js/jQuery3.3.1.js"></script>
<script>
$(function () {
$("#img1").hide();
$("#img2").click(function () {
$("#img1").show();
});
$("#img1").click(function () {
$("#img1").hide();
});
});
</script>
<img src="images/baby_3.jpg" id="img1">
<img src="images/baby_5.jpg" id="img2">
</body>
</html>