easy

DocsVersion : 1.0.0

query( selector, context )

静态方法Define in : selector.js

选择器的外部调用接口,easyJS 构造函数正是调用了该接口。该方法就是原生方法 querySelectorAll 的模拟和增强版,但是该方法返回的结果是纯数组。

参数
  • selector
    String
    必需

    符合CSS选择器规则的字符串,具体的选择器支持规则可以看这里

  • context
    Element
    必需

    查找范围。

返回值
  • Array

    DOM 元素数组。

例子1

查找 li 元素中 className 为 item3 的元素。

HTML代码:
<ul id="list">
    <li class="item1">test1</li>
    <li class="item2">test2</li>
    <li class="item3">test3</li>
    <li class="item4">test4</li>
    <li class="item5">test5</li>
    <li class="item6">test6</li>
</ul>
JavaScript代码:
var item3 = E.query( '#list li.item3' );
    
console.log( item3[0].calssName ); // item3

有查找范围的情况。

JavaScript代码:
var list = E.query( '#list' )[0],
    item3 = E.query( 'li.item3', list );
    
console.log( item3[0].calssName ); // item3