jquery - Visual Studio Code 在更新后为我的所有 jquery 代码提供错误

Question

我正在编码，一切都很好，然后 Visual Studio 代码得到了更新，然后结果是这样的，这是截至发布时的最新更新:

顺便说一句，我检查了 jQuery 的文件源以确保它是正确的。

Ok, @charlietfl sugessted that I should remove $(document).ready(function()); it got better but I still end up with this :

但我认为使用 .ready()确保 DOM 已完全加载然后 JavaScript 代码发生是很重要的。有没有其他替代品可以做同样的事情？
更新并修复
查看 JQuery 的 API 文档后，我发现 .ready()不推荐使用的函数应该像下面这样调用，但它没有说 .click()方法已被弃用，但它也使用另一种使用它的方式进行了修复，而正是 ESLinter 给我带来了困难:

$(function () {
    function addClass() {
        $("#div1").addClass("divStyled");
    }
    function removeClass() {
        $("#div1").removeClass("divStyled");
    }
    function toggleClass() {
        $("#div1").toggleClass("divStyled pStyled");
    }
    function CSS1() {
        var padding = $("#div1").css("padding-left");
        $("#p2").html(padding);

    }

    $("#btnClick1").on("click", addClass);
    $("#btnClick2").on("click", removeClass);
    $("#btnClick3").on("click", toggleClass);
    $("#btnClick4").on("click", CSS1);
});

Answer 1

固定的
在查看了 JQuery 的 API 文档后，我发现 .ready() 函数已被弃用，应该像下面这样调用，但并没有说 .click() 方法已被弃用，但它也使用其他使用方式进行了修复正是 ESLinter 让我很难受:

$(function () {
    function addClass() {
        $("#div1").addClass("divStyled");
    }
    function removeClass() {
        $("#div1").removeClass("divStyled");
    }
    function toggleClass() {
        $("#div1").toggleClass("divStyled pStyled");
    }
    function CSS1() {
        var padding = $("#div1").css("padding-left");
        $("#p2").html(padding);

    }

    $("#btnClick1").on("click", addClass);
    $("#btnClick2").on("click", removeClass);
    $("#btnClick3").on("click", toggleClass);
    $("#btnClick4").on("click", CSS1);
});