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 工具的要领列表：

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)

在目今页面下选择匹配选择器selector的节点，，，返回一个NodesRef工具实例。。
。。。。 与selectorQuery.selectNode(selector)差别的是，，，它选择所有匹配选择器的节点。。
。。。。

selectorQuery.selectViewport()

选择显示区域，，，可用于获取显示区域的尺寸、转动位置等信息，，，返回一个NodesRef工具实例。。
。。。。

nodesRef.boundingClientRect([callback])

添加节点的结构位置的盘问请求，，，相关于显示区域，，，以像素为单位。。
。。。。其功效类似于DOM的getBoundingClientRect。。
。。。。返回值是nodesRef对应的selectorQuery。。
。。。。

返回的节点信息中，，，每个节点的位置用left、right、top、bottom、width、height字段形貌。。
。。。。若是提供了callback回调函数，，，在执行selectQuery的exec要领后，，，节点信息会在callback中返回。。
。。。。

示例代码：

Page({
  getRect: function(){
    wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){
      rect.id      // 节点的ID
      rect.dataset // 节点的dataset
      rect.left    // 节点的左界线坐标
      rect.right   // 节点的右界线坐标
      rect.top     // 节点的上界线坐标
      rect.bottom  // 节点的下界线坐标
      rect.width   // 节点的宽度
      rect.height  // 节点的高度
    }).exec()
  },
  getAllRects: function(){
    wx.createSelectorQuery().selectAll('.a-class').boundingClientRect(function(rects){
      rects.forEach(function(rect){
        rect.id      // 节点的ID
        rect.dataset // 节点的dataset
        rect.left    // 节点的左界线坐标
        rect.right   // 节点的右界线坐标
        rect.top     // 节点的上界线坐标
        rect.bottom  // 节点的下界线坐标
        rect.width   // 节点的宽度
        rect.height  // 节点的高度
      })
    }).exec()
  }
})

nodesRef.scrollOffset([callback])

添加节点的转动位置盘问请求，，，以像素为单位。。
。。。。节点必需是scroll-view或者viewport。。
。。。。返回值是nodesRef对应的selectorQuery。。
。。。。

返回的节点信息中，，，每个节点的转动位置用scrollLeft、scrollHeight字段形貌。。
。。。。若是提供了callback回调函数，，，在执行selectQuery的exec要领后，，，节点信息会在callback中返回。。
。。。。

示例代码：

Page({
  getScrollOffset: function(){
    wx.createSelectorQuery().selectViewport().scrollOffset(function(res){
      res.id      // 节点的ID
      res.dataset // 节点的dataset
      res.scrollLeft // 节点的水平转动位置
      res.scrollTop  // 节点的竖直转动位置
    }).exec()
  }
})

nodesRef.fields(fields, [callback])

获取节点的相关信息，，，需要获取的字段在fields中指定。。
。。。。返回值是nodesRef对应的selectorQuery。。
。。。？？？？芍付ɑ袢〉淖侄伟ǎ

示例代码：

Page({
  getFields: function(){
    wx.createSelectorQuery().select('#the-id').fields({
      dataset: true,
      size: true,
      scrollOffset: true,
      properties: ['scrollX', 'scrollY']
    }, function(res){
      res.dataset    // 节点的dataset
      res.width      // 节点的宽度
      res.height     // 节点的高度
      res.scrollLeft // 节点的水平转动位置
      res.scrollTop  // 节点的竖直转动位置
      res.scrollX    // 节点 scroll-x 属性的目今值
      res.scrollY    // 节点 scroll-x 属性的目今值
    }).exec()
  }
})

selectorQuery.exec([callback])

执行所有的请求，，，请求效果按请求序次组成数组，，，在callback的第一个参数中返回。。
。。。。