abstract:<!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/标题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:鼠标移上去要触发的一个函数
//out:鼠标移出去时。。。
/* $(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="" >
测试效果啊
</div>
<p style="display:none;">我在中间</p>
<button>点我啊</button>
</body>
</html>
Correcting teacher:灭绝师太Correction time:2019-03-05 09:15:16
Teacher's summary:都学习到jquery还对css不熟悉,说明练习还不够哦!继续 加油!