JQuery實現(xiàn)的在新窗口打開鏈接的方法小結(jié)
更新時間：2010年04月22日 12:18:24 作者：
jQuery 實現(xiàn)在新窗口中打開鏈接方法，收集了幾個，大家可以根據(jù)需要選擇使用。
第一種：下面的代碼是針對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 能很好地解決這個問題，實現(xiàn)新窗口打開網(wǎng)頁：
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="http://www.dbjr.com.cn/" 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 能很好地解決這個問題，實現(xiàn)新窗口打開網(wǎng)頁：
復(fù)制代碼 代碼如下:
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});
/*
Usage:
<a href="http://www.dbjr.com.cn/" rel="external">jb51.net</a>
*/
相關(guān)文章
jQuery中attr()與prop()函數(shù)用法實例詳解(附用法區(qū)別)
這篇文章主要介紹了jQuery中attr()與prop()函數(shù)用法,結(jié)合實例形式詳細分析了attr()與prop()函數(shù)的使用技巧與相關(guān)注意事項,并附帶了attr()與prop()函數(shù)用法的區(qū)別,需要的朋友可以參考下2015-12-12
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單
與jquery serializeArray()一起使用的函數(shù)，主要來方便提交表單，需要的朋友可以參考下。2011-01-01
這篇文章介紹的是 10 款最棒而且又很有用的 jQuery 日歷插件，允許開發(fā)者們把這些漂亮的日歷插件結(jié)合到自己的網(wǎng)站中2014-02-02
jquery 升級到1.4后 jqDrag 拖動 不可用的修改方法2010-02-02
這篇文章主要介紹了jQuery Collapse1.1.0折疊插件的使用方法 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
大家一定都玩過擲色子的游戲，今天我給大家分享的是如何使用jQuery來實現(xiàn)擲色子的動畫效果，通過jQuery的animate()自定義動畫函數(shù)并結(jié)合CSS背景圖片切換實現(xiàn)的動畫效果2014-03-03
基于jQuery實現(xiàn)仿搜狐辯論投票動畫代碼(附源碼下載)
這篇文章主要介紹了基于jQuery實現(xiàn)仿搜狐辯論投票動畫代碼 的相關(guān)資料,需要的朋友可以參考下2016-02-02
下面小編就為大家?guī)硪黄狫Query遍歷元素的父輩和祖先的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
大家應(yīng)該都會有這樣一種感覺，data函數(shù)在jQuery中看起來很不起眼, 就像沙灘上一顆平凡的沙子, 但仔細一瞅, 卻驚訝的發(fā)現(xiàn)data是jQuery中無比重要的一環(huán), 甚至jQuery中各種事件都基于此。下面就來詳細深入的學(xué)習(xí)下jQuery中的data()，感興趣的朋友們可以參考借鑒。2016-12-12
jQuery實現(xiàn)鼠標(biāo)移入移出事件切換功能示例
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)移入移出事件切換功能,結(jié)合實例形式分析了jQuery不同版本處理鼠標(biāo)事件響應(yīng)與觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下2018-09-09