SelectorQuery.select

简介

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

入参

String selector

selector 参数说明

选择器	例子
ID 选择器	#the-id
class 选择器（可以连续指定多个）	.a-class, .a-class.another-class
子元素选择器	.the-parent > .the-child
后代选择器	.the-ancestor .the-descendant
多选择器的并集	#a-node, .some-other-nodes

返回值

NodesRef

示例代码

// class 选择器
Page({
  data: {
    message: '',
  },
  onReady() {
    this.queryNodeInfo();
  },
  queryNodeInfo() {
    const query = dlt.createSelectorQuery();
    query
      .select('.target')
      .boundingClientRect((res) => {
        console.log('节点信息：', res);
        this.setData({ message: res.top });
      })
      .exec();
  },
});

// id 选择器
Page({
  data: {
    message: '',
  },
  onReady() {
    this.queryNodeInfo();
  },
  queryNodeInfo() {
    const query = dlt.createSelectorQuery();
    query
      .select('#target')
      .boundingClientRect((res) => {
        console.log('节点信息：', res);
        this.setData({ message: res.top });
      })
      .exec();
  },
});

// 多个 class 选择器
Page({
  data: {
    message: '',
  },
  onReady() {
    this.queryNodeInfo();
  },
  queryNodeInfo() {
    const query = dlt.createSelectorQuery();
    query
      .select('.target.target2')
      .boundingClientRect((res) => {
        console.log('节点信息：', res);
        this.setData({ message: res.top });
      });
      .exec();
  },
});

// 子元素选择器
Page({
  data: {
    message: '',
  },
  onReady() {
    this.queryNodeInfo();
  },
  queryNodeInfo() {
    const query = dlt.createSelectorQuery();
    query
      .select('.target>.block')
      .boundingClientRect((res) => {
        console.log('节点信息：', res);
        this.setData({ message: res.top });
      });
      .exec();
  },
});