JQ的事件切换

Original 2019-05-17 10:04:45 212
abstract://总结:非常的灵活好用直接引用JQ然后调用函数就可以了<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title><script src="../Jquery/jquery-3.4.1.min.js"&

//总结:非常的灵活好用直接引用JQ然后调用函数就可以了

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script src="../Jquery/jquery-3.4.1.min.js"></script>

<style type="text/css">

div{

height: 100px;

width: 100px;

background-color: #008000;

}

p{

width: 200px;

background-color: #FFC0CB;

display: none;

}

</style>

</head>

<body>

<div>我是内容</div>

<script>

$(document).ready(function(){

$('div').hover(

function(){

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

},

function(){

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

}

)

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

$('p').toggle()

})

})

</script>

<p>我是一个隐藏的内容</p>

<button>点击我</button>

</body>

</html>


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

Release Notes

Popular Entries