摘要：用到hover命令,有两个参数 第一个是鼠标移进，第二个是鼠标移出.<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8">
用到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>
批改老师：查无此人批改时间：2019-05-21 09:09:59
老师总结：完成的不错。jq比js简单很多，多练习，jq可以代替js操作。继续加油。
