利用 jQuery 简化 Ajax 开发

Ajax 并不是一种语言,它只是几种旧技术如 JavaScript 和 XML 以及 DOM 的综合应用,全称为 Asynchronous JavaScript and XML,即 异步 JavaScript 和 XML ,它能够在页面不刷新的前提下和服务器进行异步数据交互,如果运用得当,它能够很好的提高用户体验,还能节省带宽、降低服务器压力。作为一个优秀的 JavaScript 框架,jQuery 同样也提供了很多方法来处理 Ajax 的相关操作。

Posted on 2010-12-23

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