在 JSDOM v11 中使用jQuery

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在 JSDOM v11 中使用jQuery相关的知识,希望对你有一定的参考价值。

在JSDOM v11中使用jQuery

从v10开始,jsdom提供了更灵活的API。

https://swashata.me/blog/use-jquery-jsdom-v11/

  const testhtml = `
  <!DOCTYPE html>
  <html>
  <head>
  </head>
  <body>
    <input type="text" id="fiptest">
  </body>
  </html>
  `;
  const { JSDOM } = require( \'jsdom\' );
  const jsdom = new JSDOM( testHTML );

  // Set window and document from jsdom
  const { window } = jsdom;
  const { document } = window;
  // Also set global window and document before requiring jQuery
  global.window = window;
  global.document = document;

  const $ = global.jQuery = require( \'jquery\' );

  console.log( `jQuery ${jQuery.fn.jquery} working! Yay!!!` );
  const inputElement = $( \'#fiptest\' );
  console.log( inputElement.length );

以上是关于在 JSDOM v11 中使用jQuery的主要内容,如果未能解决你的问题,请参考以下文章

Nodejs 学习笔记 - 借助 JSDOM 使用 jQuery

jsdom:使用 jQuery 将脚本附加到正文

如何在 JSDOM 中使用 XPath 获取 XML 属性

Nodejs 学习笔记 jquery 使用

使用 jsdom 和 node.js 发布表单

jsdom应该如何配置NuxtJS?