使用 webpack 导入时检查变量是否为 jQuery

Question

当您仅使用脚本标签从 CDN 加载 jQuery 时，测试您的变量是否为 jQuery 类型非常简单，但是当您使用 npm 和 webpack 导入时，我正在寻找一种简单的方法来执行此操作jQuery。我的示例导入是

import * as $ from 'jquery'

const $myElement = $('.my-element')

const isJQuery = ($element) => {
  return (
    typeof $element === 'object' &&
    $element.length &&
    $element[0] instanceof HTMLElement
  )
}

console.log(isJQuery($myElement)) // prints true

是否有更先进的方法来检查 $myElement 是否包含有效元素？

使用npm和webpack导入jQuery时，没有变量window.jQuery或window.$。

Answer 1

import * as $ from 'jquery';

const isJQuery = $element => $element instanceof $;

const $myElement = $('.my-element');

console.log(isJQuery($myElement)) // prints true

$myElement isntanceof $ 在通过 Webpack 加载 jQuery 时也会返回 true。