jq事件学习测试代码-一个p标签和div的显示-用toggle

Original 2019-06-24 21:43:26 287
abstract:<!DOCTYPE html><html><headn charset="utf-8"> <title>jq事件</title> <script type="text/javascript" src="css/jquery-3.4.1.min.js"></scr

<!DOCTYPE html>

<html>

<headn charset="utf-8">

<title>jq事件</title>

<script type="text/javascript" src="css/jquery-3.4.1.min.js"></script>

<style type="text/css">

div,p{width: 200px;height: 200px;border: 1px solid #ccc;}

</style>

</head>

<body>

<script type="text/javascript">

$(document).ready(function () {

$('div').hover(

function(){

$(this).css('background','red')

},

function(){

$(this).css('color','#fff')

}

)

$('button').click(function(){

$('p').toggle().css('background','red')

})


})


</script>

<div>我是内容</div>

<p style="display: none;"></p>

<button>点击</button>


</body>

</html>


Correcting teacher:查无此人Correction time:2019-06-25 17:50:12
Teacher's summary:完成的不错。每行js和jq语句结束增加;号。继续加油

Release Notes

Popular Entries