jQuery click 与原生 click 的区别 || jQuery 代码触发a标签的点击事件

 

<a id="skip" href="https://www.baidu.com/" target="_blank">打开百度<a>

使用 $('#skip').click() 或者 $('#skip').trigger('click') 发现都不能跟用户手动点击一样打开新的页面，没有任何反应

<a id="skip" href="https://www.baidu.com/" target="_blank" οnclick="alert('hello')">打开百度<a>

往a标签添加onclick方法，会发现onclick事件被触发了，实际上只是没有触发超链接效果；

 

解决方案一：使用原生的 document.getElementBuId('skip').click(); 或者  $('#skip')[0].click();

解决方案二：利用事件冒泡，触发a标签子节点的click事件

<a id="skip" href="https://www.baidu.com/" target="_blank"><span id="skipText">打开百度</span><a>

$('#skipText').click() ;