abstrakt：<!DOCTYPE html><html><head> <title>點(diǎn)一點(diǎn)</title> <meta charset="utf-8"> <style type="text/css"> span{border:2px solid #ccc;display: inline-
<!DOCTYPE html>
<html>
<head>
<title>點(diǎn)一點(diǎn)</title>
<meta charset="utf-8">
<style type="text/css">
span{border:2px solid #ccc;display: inline-block;width: 52px; margin:30px auto;}
div{width: 1600px;}
#center{width: 300px;height: 300px;margin: 30px auto;}
</style>
<script type="text/javascript" src="http://ph7.shengqianku.cn/jquery-3.3.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("span").hide()
$("#bt1").click(function(){
$(".box1").show()
})
$("#bt2").click(function(){
$(".box2").show()
})
$("#bt3").click(function(){
$(".box3").show()
})
$("#bt4").click(function(){
$(".box4").show()
})
})
</script>
<div>
<div id="center">
<span class="box1">師太</span>
<span class="box2">聲音</span>
<span class="box3">真好聽</span>
<span class="box4">是不</span>
<br>
<button id="bt1">點(diǎn)一下</button>
<button id="bt2">點(diǎn)一下</button>
<button id="bt3">點(diǎn)一下</button>
<button id="bt4">點(diǎn)一下</button>
</div>
</div>
</body>
</html>
Korrigierender Lehrer：天蓬老師Korrekturzeit：2019-04-08 09:23:03
Zusammenfassung des Lehrers：jQuery的基本語(yǔ)法, 與其它的框架有很大的區(qū)別 , 也原生的差別也非常大, 要注意