jQuery中不为人知的秘密之一

jQuery的向来以其完善的文档著称,而不像早期的Prototype那样库写的很牛,而文档很糟糕,其他使用者不得不看他的源码以了解一些功能。
但是,不得不说,文档的更新速度是远没有其程序变化的快的。
这个专题就是用于介绍一些隐藏在jQuery源码内部的事情。

今天先揭秘2条

1,序列化一个对象
类似于Prototype中的$H(obj).toQueryString()
jQuery中也有一个内部函数,用于在ajax时候序列化对象用:
jQuery.param


var obj={A:1,B:2,C:3};
jQuery.param(obj); //A=1&B=2&C=3

2,获取原始的event对象
用过jQuery都知道,jQuery提供了一个事件对象,用于在事件处理函数中使用,并且这个对象已经将ie中的事件修复成了标准的W3C事件。具体可以参考我这篇日志

但他并没有完全统一所有事件,比如获取mousemove的event事件中鼠标的相对坐标的位置,ie和ff分别用的x和layerX来实现,而jQuery没有给统一。我们只能使用原始的event对象再自己判断,此时就可以使用
e.originalEvent
这样就得到了原始的event对象了
在ie中,这个指向的是window.event,而在其他浏览器中,就是传递给事件处理函数的第一个参数。

像上面那个例子,我就用了如下的代码,用于获取鼠标的相对坐标。

$(“#menuWrap”).mousemove(function(e) {
var xx=e.originalEvent.x||e.originalEvent.layerX||0;
});

可以参考我写的一个简单的菜单
这个页面看上去动作还有点僵硬,是由于动画函数的问题。
关于动画函数,将在以后详细讲解。

《jQuery中不为人知的秘密之一》有9个想法

  1. 另外,你的blog右侧边的最新评论,应该显示评论的第一句话,现在显示的是文章名称,要点过去才能看到,不友好。

  2. 呵呵,在rlog.cn那边看到过他用了你的代码工具,如果能做成wp的插件就方便很多,要跑到那个网站贴了再贴回来始终不够方便。

  3. 哈哈,因为我这里的评论是要审核的~~~
    还有就是那个万恶的垃圾过滤工具,貌似把你的评论过滤到垃圾信息里去了。我给找回来了~~~

  4. “如果能做成wp的插件就方便很多,要跑到那个网站贴了再贴回来始终不够方便”
    嗯,这确实是许多人不愿意使用代码发芽网的原因,你的建议很不错,虽然现在实现起来还有些难度…

发表评论