熟悉jquery测试点击隐藏和显示效果

原创 2019-04-05 21:55:08 204
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><script src="https://code.jquery.com/jquery-3.1.1.min.js"></scr

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>


<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>


</head>

<body>

<script type="text/javascript">


$(function(){


$("div").hide();

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

$("div").show();


})

})

</script>

<div style="width: 100px;height: 100px;background: pink;"></div>

<button>点击</button>

</body>

</html>


批改老师:西门大官人批改时间:2019-04-08 10:14:26
老师总结:尝试一下,点击一下按钮显示div,再点击一下,隐藏div

发布手记

热门词条