我可以在我的自定义 Polymer 元素中使用 jquery 吗？答案

【问题标题】：Can I use jquery within my custom Polymer elements?我可以在我的自定义 Polymer 元素中使用 jquery 吗？
【发布时间】：2015-12-04 19:34:24
【问题描述】：

Polymer 文档说：

Polymer 提供了用于操作 DOM 的自定义 API，以便正确维护本地 DOM 和轻量级 DOM 树。这些方法和属性与其标准 DOM 等效项具有相同的签名，只是返回节点列表的属性和方法返回的是 Array，而不是 NodeList。

注意：所有 DOM 操作都必须使用此 API，而不是直接在节点上使用 DOM API。

Jquery 有很多有用的方法，它们让我的生活更轻松，比如toggleClass、hasClass、addClass、one...

我已经能够在我的元素中使用其中一些方法而不会产生任何后果，但我想知道上面引用的粗体部分背后的语义到底是什么，所以我可以更清楚地推理事情。

注意：我不是在谈论在主文档中使用 jquery，我是在谈论当我在 inside 阴影边界时使用它，例如在元素的 ready 回调中。

【问题讨论】：

标签： javascript jquery dom polymer shadow-dom

【解决方案1】：

事实上，你可以。您只需使用 Polymer.dom(this.root).querySelector 并将返回的元素包装在 jquery 中。

这是一个例子。 http://jsbin.com/purudu/edit?html,output

【讨论】：

像.find这样的查询方法呢？所以如果我有$(Polymer.dom(this.root)).find('.shadowELement') 可以吗？
@LukeP 经过一些实验，我意识到当 Polymer 使用 shadow dom 而不是 shady dom 时，你可以使用 $(this.root)。