cSelector 框架 --- 通过css selector查询DOM文档-优快云博客

cSelector是一个轻量级的JavaScript库，用于通过CSS选择器在文档中选取DOM元素。它支持多种选择器类型，并采用原始方法实现，不依赖XPath等高级技术。尽管在功能上不如jQuery全面，但体积更小，适合小项目。

原文地址：[url=http://www.jsparadise.cn/?page_id=329]http://www.jsparadise.cn/?page_id=329[/url]
cSelector是根据早些时候本人的设计思路而编写的一个封装的库，用于通过css样式规则selector在Document文档中选择DOM元素列表。库中使用原始的方式，通过对选择的元素筛选，最后返回符合selector的DOM元素数组；并没有使用一些js高级的技术，比如XPath，document.evalute等等对象或者方法。通过对库中的一些代码的优化，目前的效率跟jQuery还是会相差几毫秒的差距。

目前cSelector支持的selector有：
#id,
.className,
tagName,
:first-child,
:last-child,
:nth-child,
: only-child,
>,
$=,
*=,
^=,
=,
[attr]

因为库是基于原始的方式，所以对于css3中的一些高级特性没有添加进去。
使用方式如下：


//selector之间可以多级使用。 
2.cSelector("div p[title=test]"); 
3.cSelector("div > p span"); 
4.cSelector("#div:first-child"); 
5.cSelector(".div > p:nth-child(2n)"); 
6................

提示：如果选择器（selector）选择出来的只有一个DOM元素，则直接返回该元素，否则返回一个DOM元素数组。

cSelector虽然跟jQuery，ExtJs，Prototype内置的selector查询在丰富性和全能性等等方面还有点差距，但是对于一些小项目中来说，如果你忍受不了那三个库的文件过大大对加载网页的影响的话，cSelector还是个不错的选择。