JQuery实现的在新窗口打开链接的方法小结
更新时间：2010年04月22日 12:18:24 作者：
jQuery 实现在新窗口中打开链接方法，收集了几个，大家可以根据需要选择使用。
第一种：下面的代码是针对jb51这个样式下的a都是在新窗口打开
<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>
第二种：
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// open url in new a window
$(document).ready(function(){
$("a").attr("target", "_blank");
});
</script>
在新窗口中打开外部链接
$('a[href^="http://"]')
.attr("target", "_blank");
第三种：如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 属性，而使用 JQuery 能很好地解决这个问题，实现新窗口打开网页：
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="https://www.jb51.net/" rel="external">jb51.net</a>
*/
复制代码 代码如下:
<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>
第二种：
复制代码 代码如下:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// open url in new a window
$(document).ready(function(){
$("a").attr("target", "_blank");
});
</script>
在新窗口中打开外部链接
复制代码 代码如下:
$('a[href^="http://"]')
.attr("target", "_blank");
第三种：如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 属性，而使用 JQuery 能很好地解决这个问题，实现新窗口打开网页：
复制代码 代码如下:
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="https://www.jb51.net/" rel="external">jb51.net</a>
*/
相关文章
jQuery中attr()与prop()函数用法实例详解(附用法区别)
这篇文章主要介绍了jQuery中attr()与prop()函数用法,结合实例形式详细分析了attr()与prop()函数的使用技巧与相关注意事项,并附带了attr()与prop()函数用法的区别,需要的朋友可以参考下2015-12-12
与jquery serializeArray()一起使用的函数，主要来方便提交表单
与jquery serializeArray()一起使用的函数，主要来方便提交表单，需要的朋友可以参考下。2011-01-01
这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件，允许开发者们把这些漂亮的日历插件结合到自己的网站中2014-02-02
jquery 升级到1.4后 jqDrag 拖动 不可用的修改方法2010-02-02
这篇文章主要介绍了jQuery Collapse1.1.0折叠插件的使用方法 ，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
大家一定都玩过掷色子的游戏，今天我给大家分享的是如何使用jQuery来实现掷色子的动画效果，通过jQuery的animate()自定义动画函数并结合CSS背景图片切换实现的动画效果2014-03-03
这篇文章主要介绍了基于jQuery实现仿搜狐辩论投票动画代码 的相关资料,需要的朋友可以参考下2016-02-02
下面小编就为大家带来一篇JQuery遍历元素的父辈和祖先的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
大家应该都会有这样一种感觉，data函数在jQuery中看起来很不起眼, 就像沙滩上一颗平凡的沙子, 但仔细一瞅, 却惊讶的发现data是jQuery中无比重要的一环, 甚至jQuery中各种事件都基于此。下面就来详细深入的学习下jQuery中的data()，感兴趣的朋友们可以参考借鉴。2016-12-12
这篇文章主要介绍了jQuery实现鼠标移入移出事件切换功能,结合实例形式分析了jQuery不同版本处理鼠标事件响应与触发相关操作技巧,需要的朋友可以参考下2018-09-09
最新评论