jQuery事件切换
用到hover命令,有两个参数 第一个是鼠标移进，第二个是鼠标移出.
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>jQuery事件切换</title>
<style>
div{width: 200px;height: 100px;background-color: black}
</style>
</head>
<body>
<button>显示隐藏黑框</button>
<div id="box1"></div>
<hr>
<span>鼠标在这里移动控制下面的黑框</span>
<div id="box2"></div>
<script src="jquery-3.4.0.js"></script>
<script>
$('button').click(function () {
$('#box1').toggle();
});
$('span').hover(function () {
$('#box2').toggle();
},function () {
$('#box2').toggle();
});
</script>
</body>
</html>