郭青青_2021.01.20-郭青青
Wednesday,January,20th
知识点总结
jQuery
实例
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.box{
width: 300px;
height: 180px;
background-color: lightseagreen;
}
</style>
</head>
<body>
<div class="box"></div>
<button id="show">show</button>
<button id="hide">hide</button>
<script src="js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
var showBtn = $('#show');
var hideBtn =$('#hide');
var toggBtn = $('#togg');
var box =$('.box');
showBtn.click(function(){
box.show('slow');
});
hideBtn.on('click',function(){
box.hide('slow');
});
</script>
</body>
</html>
心得体会
学习了Html,CSS,JavaScripr,jQuery,进一步了解了它们之间的联系与区别,知识点总结的比较全面,但是学的很着急,真正学会,并熟练运用的的知识点很少,动手实操的能力非常弱。
似乎感觉本次的学习才刚开始,又接近了尾声,由于疫情和其他因素,使得学习的注意力不是百分百的集中。
近期评论