首页 > 解决方案 > 在 vanilla javascript 中将函数扩展到 querySelector

问题描述

为了在香草javascript中使用类似下面的东西 -

$("#divA").showTooltip({...});

我已经想通了

  1. 我们需要创建一个别名,如下所示

    var $ = document.querySelectorAll.bind(document);

现在我可以使用$而不是document.queryselector无处不在。但我仅限于使用某些属性。

  1. 要扩展功能 showTooltip 一种可能性是我需要在document.queryselectoraka上设置一个新功能,$如下所示

    $.prototype.showTooltip((obj) => {.....});

但是在这里,由于 $ 不是对象,因此原型属性不存在并且会引发错误。

Uncaught TypeError: Cannot set property 'showTooltip' of undefined....

我想知道我们该怎么做?任何帮助是极大的赞赏。

标签: javascriptjquery

解决方案


推荐阅读