之前我在也谈数组去重中介绍了普通的数组去除重复的元素，在选择器的开发过程中，会碰到这样的需求，就是删除一组DOM数组中重复的元素，使用之前的方法肯定行不通，对于 DOM 数组去重，需要另外的处理办法。什么情况下会选取重复的 DOM 元素？下面是一个比较常见的情况，先看 HTML 结构：
<ul>
<li>test1</li>
<li>test2</li>
<li>test3
<ul>
<li>测试1</li>
<li>测试2</li>
</ul>
</li>
</ul>
如果是这样的选择器：query( “ul li” )，按照从左到右的查找顺序，会先得到所有 ul 的集合。
[ ul, ul ]
得到了所有 ul 的集合，继续使用 getElementsByTagName 来查找 li，那么第1个 ul 元素就会查找到所有的 li 元素，接下来第2个也会查找到2个 li 元素，最后2个 li 元素就是重复的。这样的情况下，用常规的去重办法要将查找到的所有的 li 元素进行遍历，然后再排序，最后再过滤，这种方法稍后再说。
象 CSS 选择器那样，在 javascript 中用同样的语法来选取一个或一组 DOM 元素，这种简便的语法在目前的 javascript 选择器领域中算是事实上的标准了，jQuery 的成功也与它的选择器(sizzle)的易用是密不可分。
各大 javascript 框架和类库都有一套独自的选择器，我花了点时间自己开发了一套选择器，在性能测试方面也不输给 jQuery 的 sizzle。在 javascript 选择器的开发过程中，学到了不少东西，这些东西如果自己不去开发，估计永远也没机会学到。现在，对于 javascript 选择器的原理以及如何去实现都有了一定的了解，在这里，我觉得有必要将一些心得记录下来，并分享给有需要的人。
jQuery 在 CSS3 的选择器出来以前，就实现了很多自己私有的选择器，虽然这些私有的选择器在日常的应用中使用率都不太高，但是其作为一个类库，要适应和兼容各种场景，面对各种技术水平的web开发者，这些私有选择器还是有不小的用处，甚至可以说，CSS3 的选择器在一定程度上也吸纳了 jQuery 的私有选择器的思想，在它的基础上再做一些改良，使之成为现在的 W3C 标准。
<p>一直想知道jQuery的选择器到底哪个性能更好,却一直苦于没有顺手的测试工具。直到前不久同事老马开发了一款测试JavaScript性能的给力小插件<a href="http://www.kacakong.com/archives/300" target="_blank">FireJSPT</a>，这个插件是基于Firebug的，可以灵活的对页面中的JS代码片断进行测试，使用的时候只要将FireJSPT的类库文件导入即可：</p>
<pre class="brush: c-sharp">
<script type="text/javascript" src="firejspt.js"></script>
</pre>
<p>使用FireJSPT，本博对jQuery的常用的选择器在Firefox下做了一个测试，测试环境如下：</p>
<ul>
<li>操作系统：Windows 7旗舰版本</li>
<li>浏览器：Firefox 3.6.13</li>
<li>插件：Firebug 1.60(未安装其他插件)</li>
<li>jQuery版本：1.44</li>
</ul>
<h3>层级选择器(ul li)和find的对比</h3>
<p>HTML结构如下：</p>
<pre class="brush: c-sharp">
<ul class="list">
<li><a href="#">jQuery常用选择器性能测试</a></li>
<li><a href="#">jQuery常用选择器性能测试</a></li>
<li><a href="#">jQuery常用选择器性能测试</a></li>
<li><a href="#">jQuery常用选择器性能测试</a></li>
<!–省略455个li标签–>
<li><a href="#">jQuery常用选择器性能测试</a></li>
</ul>
</pre>