IDE:WebStorm

JQuery 下载和安装

  1. 首先,登录https://jquery.com/

  2. 下载最新版本的jQuery

image.png


JQuery 对DOM的简单操作:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>day01</title>
    <style>

        div {
            width: 100px;
            height: 100px;
            border: 1px solid #666;
            margin: 100px auto;
        }

    </style>

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

    <script>

        //代表在页面元素全部加载完毕后,才会执行的方法
        window.onload = function(){
            //var box = document.getElementById('box');
            //box.style.background = "skyblue";

        }

        // MVVVM

        $(function(){

            $('.box').css({
                background : 'pink'
            });

        });




    </script>
</head>
<body>

    <!--
        1. jquery 极大地封装了我们对DOM的操作
        2. jquery 帮我们封装好了ajax调用方法
     -->


    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>


</body>
</html>


视频教程地址:

链接:https://pan.baidu.com/s/1ni6-l4f9oEw1mZ_1OJPRsg 

提取码:ufoy 

复制这段内容后打开百度网盘手机App,操作更方便哦