郭青青_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,进一步了解了它们之间的联系与区别,知识点总结的比较全面,但是学的很着急,真正学会,并熟练运用的的知识点很少,动手实操的能力非常弱。

似乎感觉本次的学习才刚开始,又接近了尾声,由于疫情和其他因素,使得学习的注意力不是百分百的集中。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1