jQuery有三种使用方法：

1. 加载页面后执行：

在平常的时候我们使用预加载的时候我们要把方法和onload()绑定：

<script type="text/javascript">
	document.onload = function () {
            // 这个事件在页面加载完成之后加载的
        }
</script>

但是在jQuery中我们只要使用 $() 就可以将方法加载

<script type="text/javascript">
        $.ready(function () {

        });
        $(function () {
            //这两个都可以
            console.log("页面加载");
        });
        //在$()中的函数可以自动加载onload函数
    </script>

2.通过标签选择器字符串，返回标签对象的的jQuery包装对线

在DOM对象中我们使用：

<script type="text/javascript">
        var div = document.getElementsByTagName("div")[0];
    </script>

来选则标签。
但是在jQuery中：

<script type="text/javascript">
        var div = $("div");
    </script>

在这里的div是一个数组

3.第三种方法把DOM对象转换成jQuery对象

我们可以把DOM对象转换为jQuery对象：

<script type="text/javascript">
        var div1 = document.getElementsByTagName("div")[0];
        var jqy = $(div1);
    </script>

这里我们的jqy里就有了DOM对象的方法。

代码总和：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery</title>
    <style>
    <!--选择器 -->
        div{
            /*重定义标签选择器*/
            background: #000;
        }
    </style>
</head>
<body>
    <div>Hello!</div>
    <script src="js/jquery-3.4.1.slim.min.js"/>
    <script type="text/javascript">
        document.onload = function () {
            // 这个事件在页面加载完成之后加载的
        }
        $.ready(function () {

        });
        $(function () {
            //这两个都可以
            console.log("页面加载");
        });//可以自动加载onload函数
        /*
        * 2.通过标签选择器字符串，返回标签对象的的jQuery包装对线
        * */
        //在DOM对象中，我们使用
        // var div = document.getElementsByTagName("div")[0];
        //选择的是div的集合
        var div = $("div");
        div.css("","");//两个值，前面的是名称，后面是值
        /*
        * 3.第三种方法把DOM对象转换成jQuery对象
        * */
        var div1 = document.getElementsByTagName("div")[0];
        var jqy = $(div1);
    </script>
</body>
</html>

以上就是jQuery的基础用法。