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

当通过Webpack加载jQuery时，

$myElement isntanceof $ 也会返回true。

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

1 个答案: