jQuery中$.click()没有触发

在控制台调试的时候，直接点击元素是可以触发的，到了页面代码中却没有触发点击事件

$("#btn").click();

看了别人的两种思路：

（1）点击的是“A标签”本身
（2）点击的是“A标签”子元素

给a标签添加一个子元素，通过点击子元素触发

let span = document.createElement("span");
$("#btn").append(span);
span.click();

代码示例

<h1 id="title">原来的标题</h1>
<a href="javascript:;" id='btn'>点击</a>

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<script>
    $(function () {
        $("#btn").click(function () {
            $("#title").text("新的标题")
        })

        // 点击元素
        $("#btn").click();

        // 或者 点击里边的元素
        let span = document.createElement("span");
        $("#btn").append(span);
        span.click();

    })
</script>

参考
jQuery中$.click()无效问题分析