cSelector 框架 --- 通过css selector查询DOM文档

原文地址:[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还是个不错的选择。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值