CSS Selector 可以让我们用非常精简的代码快速获取所需的 DOM 元素,KISSY 为你提供了一个非常高效快速的选择器。

Methods

query Array<HTMLElement> query ( selector, context )

获取符合选择器的所有元素。

该方法的返回值始终是数组。

get HTMLElement get ( selector, context )

获取符合选择器的第一个元素。

不存在时返回 null.

filter Array<HTMLElement> filter ( selector, filter )

根据选择器获取满足过滤条件的所有元素。

Parameters:
filter <String|Function> 过滤条件,可以是 selector 或 function.

test Boolean test ( selector, filter )

判断根据选择器获取的所有元素是否都符合过滤条件。

Examples

请直接查看测试页面:test-selector.html

注意:默认情况下,KISSY 选择器仅支持 #id tag.class 常用形式:


// Ref: http://ejohn.org/blog/selectors-that-people-actually-use/
// 考虑 2/8 原则,仅支持以下选择器:
// #id
// tag
// .cls
// #id tag
// #id .cls
// tag.cls
// #id tag.cls
// 注 1:REG_QUERY 还会匹配 #id.cls
// 注 2:tag 可以为 * 字符
// 注 3:支持 , 号分组
// 返回值为数组
// 选择器不支持时,抛出异常

当加载了 sizzle 模块时,KISSY 支持 jQuery 支持的所有 CSS 选择器,具体请参考:Sizzle Documents

homedom › selector :

Methods