获取单个节点:
selectorQuery.select(selector)
在当前页面下选择第一个匹配选择器
selector
的节点,返回一个NodesRef
对象实例,可以用于获取节点信息。selector 说明:
selector
类似于 CSS 的选择器,但仅支持下列语法。
- ID选择器:
#the-id
- class选择器(可以连续指定多个):
.a-class.another-class
- 子元素选择器:
.the-parent > .the-child
- 后代选择器:
.the-ancestor .the-descendant
- 跨自定义组件的后代选择器:
.the-ancestor >>> .the-descendant
- 多选择器的并集:
#a-node, .some-other-nodes
获取多个节点:
selectorQuery.selectAll(selector)
在当前页面下选择匹配选择器
selector
的所有节点,返回一个NodesRef
对象实例,可以用于获取节点信息
NodesRef
用于获取节点信息的对象
nodesRef.fields(object,callback)
获取节点的相关信息。第一个参数是节点相关信息配置(必选);第二参数是方法的回调函数,参数是指定的相关节点信息
nodesRef.boundingClientRect(callback)
添加节点的布局位置的查询请求。相对于显示区域,以像素为单位。其功能类似于 DOM 的 getBoundingClientRect
。返回 NodesRef
对应的 SelectorQuery
。
更多内容请参考官网:uni.createSelectorQuery() | uni-app官网