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