JQ事件切换

原创 2019-04-15 16:47:39 256
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>事件切换</title><style type="text/css">*{margin:0;padding: 0;}div{width: 200px;height:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>事件切换</title>

<style type="text/css">

*{margin:0;padding: 0;}

div{width: 200px;height: 200px;border:1px solid red;}

</style>

<script src='https://code.jquery.com/jquery-3.1.0.js'></script>

</head>

<body>

<div>我是内容</div>

<script type="text/javascript">


$('div').hover(

function(){


$(this).css({'color':'#333','background':'red'})

},

    function(){


$(this).css({'color':'blue','background':''})

}

  )


</script>

</body>

</html>


批改老师:查无此人批改时间:2019-04-16 09:58:30
老师总结:完成的不错,以后每行js代码,结束后增加;号。继续加油。

发布手记

热门词条