SelectorQuery

解释： 选择器

selectorQuery对象的方法列表 ：

方法参数说明
inComponent component参考selectorQuery.in详细介绍
selectselector参考selectorQuery.select详细介绍
selectAllselector参考selectorQuery.selectAll详细介绍
selectViewport参考selectorQuery.selectViewport详细介绍
execcallback参考selectorQuery.exec详细介绍

示例

在开发者工具中预览效果

扫码体验

SelectorQuery - 图1请使用百度APP扫码

图片示例

SelectorQuery - 图2

SelectorQuery - 图3

SelectorQuery - 图4

代码示例

  1. Page({
  2.     data: { },
  3.     onReady() {
  4.         const selectorQuery = swan.createSelectorQuery();
  5.         this.selectorQuery = selectorQuery;
  6.     },
  7.     queryNodeInfo() {
  8.         this.selectorQuery.select('.target').boundingClientRect()
  9.         .in(this);
  10.         .selectAll('.target').boundingClientRect();
  11.         .selectViewport()
  12.         .exec(res => { console.log(res) }
  13.     });
  14. });