重点:JQ实现从新窗口打开不是本站的链接
番外篇:
Markdown
一种轻量级的标记性语言,听说Markdown
语言是HTML
的远房亲戚。
用Markdown
来写文档简直不要太爽。
但是Markdown
的a
链接跳转只有从当前页面打开,在某些场合就很受限了。
步入正题
当使用Markdown
编写的页面想从新窗口打开时,就可以这样做
[Hoe's Notes](https://www.hoehub.com)
// html => <a href="https://www.hoehub.com">Hoe's Notes</a>
// 想从新窗口打开链接 需要在a标签加上target="_blank"属性
既然Markdown
不能实现从新窗口打开,就得用到JS了
$('a[href]:not(a[href^="https://www.hoehub.com"], a[href^="#"], a[href^="javascript"], a[href^="mailto"])').each(function (key, item) {
$(item).attr('target', '_blank');
});
更多例子
$("div[id^=box]") // 匹配`id`以`box`开头的`div`标签
$("p[id$=txt]") // 匹配`id`以`txt`结尾的`p`标签
$("a[href*=com]") // 匹配`href`包含`com`的`a`标签
// 匹配以`aaa`开头且以`bbb`结束的`div`标签
$("div[id^='aaa'][id$='bbb']")
// 匹配以`aaa`开头或以`bbb`结束的`div`标签
$("div[id^='aaa'], [id$='bbb']")