我的第五代选择器Icarus

Icarus是我目前匹配精度最高（通过470单元测试保证精度)，速度最快（IE67下力压jQuery，其他浏览器都是使用querySelectorAll不分上下）的选择器，并且它全面支持CSS3的所有新增伪类，支持jQuery所有自定义伪类，并且支持对XML的查找，支持XML带命名空间的元素的查找（jQuery只能支持不带命名空间的，并且非常容易报错）。

Icarus与jQuery1.7在slickspeed中的速度比赛结果（数值最大代表越慢）：

	Icarus	jQuery1.7	比率
IE7	443	657	1.5
IE6	975	1570	1.6

如果对比早期的jQuery.42就更不用说了，是其两倍以上。

Icarus最大亮点是对XML的完美支持，为此它用得到xpath与getElementsByTagName，对于命名空间的支持，请使用"aaa\\:bbb"方式来查找。

以下就是Icarus用到原生查找API：

• getElementById
• getElementsByTagName
• getElementsByTagNameNS
• getElementsByClassName
• evaluate (xpath)
• selectNodes (xpath)
• querySelectorAll

Icarus的代码量为930行（不依赖dom的其他模块），jQuery的Sizzle为1500行。

Icarus对CSS3伪类是按W3C的规范来查找，比如:not反选伪类，只支持单个表达式，如div:not(.a)，不能用div:not(.a.b)，要用就需要多个的反选，div:not(.a):not(.b)。

Icarus虽然支持jQuery的自定义伪类，但并不提倡使用，如位置伪类(:first,:last,:even,:odd,:eq...)，我们完全赖以使用标准的子元素过滤伪类要代替（:last-child,:first-child,:nth-child(even)...），对于jQuery的自定义表单伪类（:text,:radio....），我们也完全可以使用属性选择器来代替(input[type=text],input[type=radio]....)。总之，不标准的东西活不长，希望大家切记。

javascript的选择器基本是为了兼容IE678（IE8的querySelectoAll支持种类太少），以后的选择器基本上是用querySelectorAll与evaluate与matchesSelector来写了，CSS4也很快到来了，带来更多伪类，因此jQuery的自定义伪类基本没有存在的必要。

由于选择器的代码近900行，我担心超过贴子长度，请移步到我的博客看吧。

<!--EndFragment-->

评论

1 楼 pangwu86 2011-11-29  

看了博主的东东，很牛B，向你学习