小程序API：wx.createSelectorQuery()

该方法返回一个查询信息实例对象，在页面生命周期中获取到为null，推荐在自定义组件中使用，在组件的生命周期ready()中获取

const query = wx.createSelectorQuery()

query实例方法，可以获取不同的信息

• query.select(ele)
  select()方法的参数是一个元素节点，可以使用类选择器或ID选择器，如query.select('#id')
  调用该方法返回一个NodesRef实例对象，const nodeRef = query.select(ele) ，可以用于获取节点信息

• query.selectAll(eles)
  selectAll()方法同上，获取的是所有选择的节点
  调用该方法返回一个NodesRef实例对象，const nodeRef = query.selectAll(ele) ，可以用于获取节点信息

• query.selectViewport()
  query.selectViewport()，获取的是视口
  调用该方法返回一个NodesRef实例对象，const nodeRef = query.selectViewport() ，可以用于获取节点信息

调用以上三个方法都会返回一个NodeRef实例对象，通俗地讲就类似一个DOM节点，通过NodesRef实例对象上的2个方法，可以获取不同的信息

• nodeRef.boundingClientRect()
  boundingClientRect()获取元素的 宽高和 元素上下左右边界的坐标值以及元素id，dataset
  调用该方法后返回的依然是nodeRef实例（类似于promise里的then()返回一个promise）
  那我们怎么获取信息呢？我们再调用query.exec()方法，就是执行了nodeRef.boundingClientRect()的调用
  执行的结果以数组的形式在 exec(res => console.log(res))方法里获取

 // 创建查询信息实例对象 query
const query = wx.createSelectorQuery()      
 // 这段代码的意思是选择id=text的节点，获取节点位置信息的查询请求
query.select('#text').boundingClientRect()  
 //res是一个数组，里面包含了元素的宽高 和 元素上下左右边界的坐标值 以及元素id，dataset
query.exec(res => console.log(res))         

• scrollOffset()
  scrollOffset()获取元素的 scrollTop、scrollLeft 以及元素id，dataset
  使用方法同上

 // 创建查询信息实例对象 query
const query = wx.createSelectorQuery()      
 //这段代码的意思是选择id=text的节点，获取节点滚动位置的查询请求
query.select('#text').scrollOffset()  
 //res是一个数组，里面包含了元素的滚动位置 以及元素id，dataset      
query.exec(res => console.log(res))