jQuery 初学者入门教程

jQuery 是什么,它能为我们做什么?如果你是一名 Web 开发人员,写过 JavaScript 程序,那么你很可能正在使用 jQuery,即使没有试用过,至少也听说过,事实上 jQuery 可以说是现阶段最流行的 JavaScript 库。据有关部门统计,全球网站上面,约有 28% 的网站在使用 jQuery,这个数字可能有些夸张,但足见 jQuery 受欢迎的程度。本文仅对 jQuery 的使用方法作简单介绍,且作为一个入门教程吧。

Posted on 2010-12-08

使用 jQuery 在新窗口打开外部链接

很多时候,我们并不希望在当前的窗口打开外部链接,但是为每个超链接都加上target="_blank"又非常的麻烦,而且这样也不符合 W3C 标准。那有没有什么其他的方法可以搞定呢?当然有,其实只要用 jQuery 去劫持所有超链接的click事件,然后简单处理一下,即可达到目的,代码如下:

jQuery(document).delegate('a', 'click', function() {
  var root = location.href.replace(location.pathname + location.search + location.hash, '');

  if ( !this.href ) return;

  if ( this.href.indexOf(root) != 0 ) {
    window.open(this.href);
    return false;
    }
});

另一个版本

主机名可以直接得到,然后判断一下即可:

jQuery(document).ready(function($) {
    $("a").each(function() {
        if(this.href.indexOf(location.hostname) == -1) {
            $(this).attr("target", "_blank");
        }
    });
});

相对而言,这个版本似乎更为简便。

Posted on 2010-08-18