jQuery中$.click()没有触发

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

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

  

 

  
1
 

看了别人的两种思路：

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

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

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

  

 

  
1
  
2
  
3
 

代码示例

<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>

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
 

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

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/104694977