微信小程序查看有多少节点

wx.createSelectorQuery()

基础库 1.4.0 开始支持，低版本需做兼容处理

返回一个SelectorQuery对象实例。可以在这个实例上使用select等方法选择节点，并使用boundingClientRect等方法选择需要查询的信息。

示例代码：

Page({

  queryMultipleNodes: function(){var query = wx.createSelectorQuery()

    query.select('#the-id').boundingClientRect()

    query.selectViewport().scrollOffset()

    query.exec(function(res){

      res[0].top       // #the-id节点的上边界坐标  res[1].scrollTop // 显示区域的竖直滚动位置})

  }

})

selectorQuery

selectorQuery 对象的方法列表：

方法 参数 说明

select selector 参考下面详细介绍

selectAll selector 参考下面详细介绍

selectViewport   参考下面详细介绍

exec [callback] 参考下面详细介绍

selectorQuery.select(selector)

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

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

ID选择器：#the-id

class选择器（雹雀谈可以连续指定多源碰个）：.a-class.another-class

子元素选择器：.the-parent >#the-child.a-class

多选择器的并集：#a-node, .some-other-nodes

selectorQuery.selectAll(selector)

文档： https://developers.weixin.qq.com/miniprogram/dev/api/wxml-nodes-info.html

即使是小程序，也难免有dom *** 作

wx.createSelectorQuery()返回一个SelectorQuery对象实例

nodesRef.boundingClientRect([callback])

nodesRef.scrollOffset([callback])

nodesRef.fields(fields, [callback])

selectorQuery.in(component) 将选择器的选取范围更改为自定义组件component内

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

selectorQuery.selectAll(selector) 在当前页面下选择匹配选择器selector的节点，返回一个NodesRef对象实例。它选择所有匹配选腔游择器的节点。

selectorQuery.selectViewport() 选择显示区域，可用于获取显示区域埋圆配的尺寸、滚动位置等信息，返回一个NodesRef对象实例

selectorQuery.exec([callback]) 执行所有的请求，请求结果按请求次序构成数组，在callback的第一个参数中返回

---