jQuery 自动触发a标签的点击事件并跳转页面

1 html代码

<a id="alink" href="index.html" style="display:none;">
    <span id="spanLink">下一步</span>
</a>

2 JS代码

（1）使用jQuery代码给a标签绑定click事件

使用jQuery获取a标签，并给a标签添加click事件，只会触发a标签的点击事件不会跳转页面。

$("#alink").click();//只触发了a标签的点击事件，但是没有触发页面跳转

 （2）使用jQuery代码给a标签的子元素触发a标签的click事件

使用jQuery代码给a标签的子元素触发a标签的click事件，这样才能触发了a标签的点击事件的同时跳转页面。

$("#spanLink").trigger("click");//既触发了a标签的点击事件，同时也跳转了页面

 （3）使用JS代码给a标签绑定click事件

使用JS代码给a标签绑定click事件，既触发了a标签的点击事件，同时也跳转了页面。

document.getElementById("alink").click(); //既触发了a标签的点击事件，同时也跳转了页面