jquery 关于触发a标签跳转的简单分析

内容摘要
这篇文章主要为大家详细介绍了jquery 关于触发a标签跳转的简单分析，具有一定的参考价值，可以用来参考一下。

错误示例 经测试代码如下：

<a href="http://www.baidu.com" targ
文章正文

这篇文章主要为大家详细介绍了jquery 关于触发a标签跳转的简单分析，具有一定的参考价值，可以用来参考一下。

错误示例 经测试代码如下：
1
2
3
4
5
6
7
8
<code class="js">
<a href="http://www.baidu.com" target="_blank">baidu</a>
// 直接是触发click事件是无法跳转的$('a#toMain').trigger('click') ;
 
 
 
// 代码来自：php教程（www.idcnote.com）
</code>
正确示例 经测试代码如下：
1
2
3
4
5
6
7
8
<code class="js">
// 如果要用jquery触发进行跳转，那么a标签中【必须要有其它子标签】，然后触发该子类标签才能进行跳转
<a href="http://www.baidu.com" target="_blank">
  <p>baidu</p> // 要有子标签</a>
// 这里触发的是a标签中的p标签$('a#toMain>p').trigger('click') ;
 
// 代码来自：php教程（www.idcnote.com）
</code>
要想实现自动跳转的话，需要改成如下写法：使用原生的JavaScript写法：经测试代码如下：
1
2
3
4
5
<code class="js">
document.getElementById("insignia").click();使用`JQuery`写法：$("#insignia")[0].click();
 
// 代码来自：php教程（www.idcnote.com）
</code>

这两种写法在IE、谷歌、火狐浏览器上都可以正常使用，但是在苹果的Safari浏览器上却没有效果，本人目前并不知道这是因为什么？知道的可以“吱”一下！！！

所以在苹果的Safari中使用的话应该这么写：

经测试代码如下：
1
2
3
4
5
<code class="js">
window.location.href = $("#insignia")[0];
 
// 代码来自：php教程（www.idcnote.com）
</code>

注：关于jquery 关于触发a标签跳转的简单分析的内容就先介绍到这里，更多相关文章的可以留意

代码注释
上一篇php 重定向RSS源到单一格式的实现方法下一篇php 去除数组重复值的完整代码

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！