摘要：用到hover命令,有兩個(gè)參數(shù) 第一個(gè)是鼠標(biāo)移進(jìn)，第二個(gè)是鼠標(biāo)移出.<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8">
用到hover命令,有兩個(gè)參數(shù) 第一個(gè)是鼠標(biāo)移進(jìn)，第二個(gè)是鼠標(biāo)移出.
<!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>鼠標(biāo)在這里移動(dòng)控制下面的黑框</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>
批改老師：查無(wú)此人批改時(shí)間：2019-05-21 09:09:59
老師總結(jié)：完成的不錯(cuò)。jq比js簡(jiǎn)單很多，多練習(xí)，jq可以代替js操作。繼續(xù)加油。
