# SelectorQuery.select

在当前页面下选择第一个匹配选择器 selector 的节点,返回一个 NodesRef 对象实例,可以用于获取节点信息。

# 支持说明

应用能力 Android iOS PC 预览效果
小程序 3.0.0 3.0.0 3.2.0 待补充
网页应用 X X X 待补充

# 输入

名称 数据类型 必填 默认值 描述
selector string selector 名称

# 输出

名称 数据类型 描述
NodesRef object NodesRef对象

# selector 说明:

selector 类似于 CSS 的选择器,但仅支持下列语法。

  • ID选择器:#the-id
  • class选择器(可以连续指定多个):.a-class.another-class
  • 子元素选择器:.the-parent > .the-child
  • 后代选择器:.the-ancestor .the-descendant
  • 跨自定义组件的后代选择器:.the-ancestor >>> .the-descendant
  • 多选择器的并集:#a-node, .some-other-nodes

# 代码示例


let view = bz.createSelectorQuery().in(this).select(".test");

view.boundingClientRect(data => {
  console.log("得到布局位置信息" + JSON.stringify(data));
  console.log("节点离页面顶部的距离为" + data.top);
}).exec();

1
2
3
4
5
6
7
8
最后更新于 : 2/8/2023, 8:33:15 PM