原文地址:[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)选择出来的只有一个DOM元素,则直接返回该元素,否则返回一个DOM元素数组。
cSelector虽然跟jQuery,ExtJs,Prototype内置的selector查询在丰富性和全能性等等方面还有点差距,但是对于一些小项目中来说,如果你忍受不了那三个库的文件过大大对加载网页的影响的话,cSelector还是个不错的选择。
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还是个不错的选择。