querySelector与querySelectorAll是H5提供的选择器,可用document.querySelector()选择元素操作节点,
用法与jQuery里的$()选择器类似,但有些细微区别:
1. querySelector 只能选择第一个匹配的节点;
2. querySelectorAll 可以选择多个节点,以","分隔开,返回的是个数组;
其他高级用法与jq基本一致,如后代选择器document.querySelector()document.querySelector("#app1>.item1"),
document.querySelector("span.item1")等
<span data-num="21" ref="dataNum" >标签自定义属性</span>
// 读取或设置data-num类型的自定义属性
this.$refs.dataNum.dataset.num='设置新的值'
// 读取或设置任意属性
this.$refs.dataNum.getAttribute('data-num')