javascript - Polymer 中的 this.$ 和 this.$$ 有什么区别？

Question

我一遍又一遍地阅读文档，但没有成功地用谷歌搜索。 docs开始用一个例子来解释 this.$ 但他们没有给出 this.$$ 做什么的例子

据我了解，this.$ 会在我的模板中找到具有我想要的 ID 的内容。例如 - 我可以使用 this.$.test.textContent="hey there"

但是对于这个。$$它只是说“动态创建的节点”——也许有人可以用一个例子来解释静态和动态创建的节点之间的区别是什么，以及如何使用它。$$——提前谢谢你!

Answer 1

Polymer.dom(this.root).querySelector使用 shady DOM API。

带有 shady DOM 的 Polymer(1.0 中的默认值)不会完全 polyfill shadow DOM。

确保在使用 <content> 时正确考虑浏览器本身不支持的所有 Polymer 功能(如 querySelector() 投影) ) 你需要使用 Polymer.dom(...)包装器。

• this.$是一个 getter，它返回从元素 id 到元素引用的静态映射。 dom-repeat 创建的元素或被 dom-if 隐藏或以其他方式动态创建的不包括在内。

• this.$$()是 Polymer.dom(this.root).querySelector() 的简写函数因此将动态创建的元素考虑在内，因为它在执行时实际上会查询 DOM。