selector.rst 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. 选择器(Selector) API
  2. ========================================================
  3. .. contents::
  4. :depth: 2
  5. .. index:: query
  6. .. _query:
  7. K.query(expr [, root])
  8. --------------------------------------------------------
  9. 根据expr在root范围内查找DOM元素,并返回第一个元素。没找到则返回null。
  10. * 参数:
  11. * string expr: 选择器表达式
  12. * element root: 根元素,默认值为document
  13. * 返回: DOM元素
  14. .. sourcecode:: js
  15. var div = K.query('#id div');
  16. var span = K.query('span.class', div);
  17. .. note::
  18. 目前仅支持以下表达式:
  19. * \*: any element
  20. * E: an element of type E
  21. * E[foo]: an E element with a "foo" attribute
  22. * E[foo="bar"]: an E element whose "foo" attribute value is exactly equal to "bar"
  23. * E.warning: an E element whose class is "warning" (the document language specifies how class is determined)
  24. * E#myid: an E element with ID equal to "myid"
  25. * E F: an F element descendant of an E element
  26. * E > F: an F element child of an E element
  27. 参考文档: http://www.w3.org/TR/css3-selectors/
  28. .. index:: queryAll
  29. .. _queryAll:
  30. K.queryAll(expr [, root])
  31. --------------------------------------------------------
  32. 根据expr在root范围内查找DOM元素,并返回所有元素,如果没找到则返回空数组。
  33. * 参数:
  34. * string expr: 选择器表达式
  35. * element root: 根元素,默认值为document
  36. * 返回: array
  37. 示例:
  38. .. sourcecode:: js
  39. var divArray = K.queryAll('#id div');
  40. var spanArray = K.queryAll('span.class', div);