abstrait：<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="baidu.com"> <meta name="A
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="baidu.com">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<!-- <link rel="stylesheet" type="text/css" href="css/">
<link rel="shortcut icon" type="image/x-icon" href="img/標(biāo)題logo" -->
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
div,p{width:200px;height:200px;border:1px solid #ccc;border-radius:55%;vertical-align:middle;text-align:center;display:table-cell;color:#fff;}
</style>
<title>jQuery事件切換</title>
</head>
<body>
<script type="text/javascript">
//hover (over,out)
//over:鼠標(biāo)移上去要觸發(fā)的一個(gè)函數(shù)
//out:鼠標(biāo)移出去時(shí)。。。
/* $(document).ready(function(){
$('div').hover(
function(){
$(this).css('background','red')
},
function(){
$(this).css('background','#0000ff')
}
)
})*/
$(document).ready(function(){
$('button').click(function(){
$('p').toggle().css('background','#0000ff')
})
})
</script>
<div id="" class="" >
測(cè)試效果啊
</div>
<p style="display:none;">我在中間</p>
<button>點(diǎn)我啊</button>
</body>
</html>
Professeur correcteur：滅絕師太Temps de correction：2019-03-05 09:15:16
Résumé du professeur：都學(xué)習(xí)到j(luò)query還對(duì)css不熟悉,說明練習(xí)還不夠哦!繼續(xù) 加油!