JQuery實(shí)現(xiàn)的在新窗口打開鏈接的方法小結(jié)
更新時(shí)間：2010年04月22日 12:18:24 作者：
jQuery 實(shí)現(xiàn)在新窗口中打開鏈接方法，收集了幾個(gè)，大家可以根據(jù)需要選擇使用。
第一種：下面的代碼是針對(duì)jb51這個(gè)樣式下的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 能很好地解決這個(gè)問(wèn)題，實(shí)現(xiàn)新窗口打開網(wǎng)頁(yè)：
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="http://www.fzitv.net/" rel="external">jb51.net</a>
*/
復(fù)制代碼 代碼如下:
<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>
第二種：
復(fù)制代碼 代碼如下:
<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>
在新窗口中打開外部鏈接
復(fù)制代碼 代碼如下:
$('a[href^="http://"]')
.attr("target", "_blank");
第三種：如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 屬性，而使用 JQuery 能很好地解決這個(gè)問(wèn)題，實(shí)現(xiàn)新窗口打開網(wǎng)頁(yè)：
復(fù)制代碼 代碼如下:
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="http://www.fzitv.net/" rel="external">jb51.net</a>
*/
相關(guān)文章
基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼
本文給大家介紹基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼，包括前端分頁(yè)的優(yōu)缺點(diǎn)和解決辦法，對(duì)jquery bootstrap分頁(yè)知識(shí)感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-11-11
jquery 中ajax執(zhí)行的優(yōu)先級(jí)
本文給大家講述的是個(gè)人再做用戶注冊(cè)的時(shí)候遇到的ajax執(zhí)行優(yōu)先級(jí)的問(wèn)題，以及在網(wǎng)友們的幫助下，解決此問(wèn)題的全過(guò)程，這里記錄下來(lái)，分享給大家。2015-06-06
jQuery選擇沒(méi)有colspan屬性的td的代碼
為了試著用jQuery找出一個(gè)table中沒(méi)有colspan屬性的td，試了很多種方法，這個(gè)是最好的，記在這里，下次不要再忘了2010-07-07
這篇文章主要介紹了jQuery使用height()獲取高度需要注意的地方,對(duì)于display:none或者隱藏的部分無(wú)法獲取到其高度,這是使用jQuery的height方法需要注意的地方,需要的朋友可以參考下2014-12-12
jquery插件之定時(shí)查詢待處理任務(wù)數(shù)量
這篇文章主要介紹了jquery定時(shí)查詢待處理任務(wù)數(shù)量插件示例2014-05-05
如何用javascript獲取input輸入框中的值，js/jq通過(guò)name、id、class獲取input輸入框中的value。接下來(lái)本文通過(guò)代碼講解，需要的朋友參考下2019-11-11
這篇文章主要是對(duì)使用jquery獲取css中選擇器的方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jQuery超簡(jiǎn)單遮罩層實(shí)現(xiàn)方法示例
這篇文章主要介紹了jQuery超簡(jiǎn)單遮罩層實(shí)現(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery遮罩層相關(guān)屬性樣式動(dòng)態(tài)控制操作技巧,需要的朋友可以參考下2018-09-09
基于jQuery實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無(wú)視頁(yè)面關(guān)閉)
最近做了一個(gè)項(xiàng)目，其中有需求要求實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后倒計(jì)時(shí)功能，其中有個(gè)難點(diǎn)：要求關(guān)閉頁(yè)面也進(jìn)行倒計(jì)時(shí)。好吧，下面小編把jquery 發(fā)送驗(yàn)證碼倒計(jì)時(shí)的實(shí)現(xiàn)代碼分享給大家，大家可以參考下2016-09-09
基于JQuery的模擬蘋果桌面Dock效果(穩(wěn)定版)
之所以將它命名為穩(wěn)定版，是因?yàn)橹耙呀?jīng)分享了一個(gè)初級(jí)版本的，之前的初級(jí)版中存在很多bug?，F(xiàn)在經(jīng)過(guò)反復(fù)琢磨、實(shí)驗(yàn)，修復(fù)了之前版本存在的很多不足之處，就算鼠標(biāo)快速的滑動(dòng)依然表現(xiàn)的很穩(wěn)定2012-10-10