您如何将 jquery 函数链接到 vanilla 选择器答案

【问题标题】：How do you chain a jquery function to a vanilla selector您如何将 jquery 函数链接到 vanilla 选择器
【发布时间】：2016-05-16 01:01:01
【问题描述】：

这可能很简单，但我无法为搜索引擎弄清楚或正确说出它。我尽量不在 a.performance 和 b.personal 练习中使用 jquery。

我正在选择一个元素

var container = document.getElementById('container');

然后我尝试在它上面链接这个 jquery 方法

container.backstretch('url/to/img');

我使用的 jquery 插件叫做backstretch.js

有没有简单的方法来做到这一点？还是答案取决于方法的编写方式？

谢谢！

编辑：

控制台显示此错误：

未捕获的类型错误：container.backstretch 不是函数

编辑：

$(container).backstretch('url/to/img'); 有效。但我并不完全理解。这是因为 jQuery 需要创建一个对象来附加该方法吗？

【问题讨论】：

处理 jQuery 方法和属性时，只需将您的元素作为 jQuery 对象引用即可：var $container = $('#container');
@itsgoingdown 也想到了这个哈哈。有用。这是因为 jQuery 需要创建一个对象来附加方法吗？
是的，先生。轻松懒散;-)
是的，它是一个jQuery 插件，它不适用于纯DOM 对象，所以你必须用jquery 包装缓存的container DOM 对象，然后在@987654329 上调用它@

【解决方案1】：

不确定是否有任何性能节省，尤其是作为 ID 选择器，但是，方法如下：

var container = document.getElementById('container');
$(container).backstretch('url/to/img');

或者干脆使用：

$('#container').backstretch('url/to/img');

【讨论】：