如果通过jquery选择元素，函数将失败

Question

在用户输入数据时，我得到了以下代码来调整textarea的大小：

jQuery(function ($) {

    let button = "#single_p_submit_btn";

    let text_area = document.querySelector('.my-singlep-form-txtarea');

    $(text_area).keydown(function () {

        $(button).removeClass('my-singlep-btn').addClass('my-singlep-btn-active');

        while ($(text_area).outerHeight() < text_area.scrollHeight + parseFloat($(text_area).css("borderTopWidth")) + parseFloat($(text_area).css("borderBottomWidth"))

            && $(text_area).outerHeight() < 81

            ) {

            $(text_area).height($(text_area).height() + 1);
        }

    });

});

如果我将此let text_area = document.querySelector('.my-singlep-form-txtarea');更改为此：let text_area = $('.my-singlep-form-txtarea');

该功能停止工作。不调整大小。我在这里想念什么？ textarea像这样：

<textarea id="text_{{$post->id}}" name="single_p_text" class="my-singlep-form-txtarea" required="required" placeholder="Enter comment here" autocomplete="off" autocorrect="off" ></textarea>