微信小程序怎么进行节点 *** 作

是要实现比如锚点类似的功能？还是修改某一节点的属性？锚点功能可以使用视图容器scroll-view，其中一个属性scroll-into-view可以滚动到该属性位置。修改节点的属性的话，就是属性设置为变量，然后在事件中this.setdata设置该属性值

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)

1、打开小程序开发工具新建一个小程序项目，建好的结构如下图所示。

2、打开其中的wxml文件，我们在文件中准备三个view结构的视图，图下图所示。

3、然后我们在silde的view里面插入swiper组件，如下图所示。

4、接下来就是在js文件中的data数组里面准备轮播图片的地址数组，如下图所示。

5、然后在wxss文件中声明轮播图的样式，如下图所示，这里用rpx能够自适应。

6、最后我们预览界面，你就会在程序的源代码中看到视图都已经渲染好了。

---