NPM酷库：jsdom，纯JS实现的DOM_jQuery

上一篇: jQuery实用的一些技巧下一篇:magento2 knockoutjs模板渲染事件

NPM酷库：jsdom，纯JS实现的DOM

发布时间：2019-05-20 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了NPM酷库：jsdom，纯JS实现的DOM，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

NPM酷库，每天两分钟，了解一个流行NPM库。
昨天认识了一个在Node.js环境下操作HTML的库 cheerio，cheerio实现了jQuery接口，用起来十分方便。为什么不直接用jquery呢？因为Node.js环境中没有实现DOM对象。
jsdom
今天，我们要学习的jsdom就是一个纯JS实现的DOM，jsdom可以在Node.js环境中“模拟出”DOM环境，像jQuery这样对DOM依赖的库就可以在Node.js中运行了。

      
      
      PE="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const dom = new JSDOM(`Hello world`);

dom.window.document.querySelector("p").textContent; // "Hello world"

const $ = require('jquery')(dom.window);

$('p').text(); // "Hello world"" tITle="" data-original-title="复制">
      
      
const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const dom = new JSDOM(`<!DOCTYPE htML><p>Hello world</p>`);

dom.window.document.querySelector("p").textContent; // "Hello world"

const $ = require('jquery')(dom.window);

$('p').text(); // "Hello world"
上述代码中，首先实例化一个JSDOM对象dom，实例化参数就是我们要操作的HTML字符串，然后就可以通过 dom.window.document 等DOM标准接口访问HTML内容了。
最后两行，我们引入了jQuery库，并将jQuery的window参数绑定到dom对象上，我们就可以用jQuery来访问HTML文本。
如果你的需求是简单地操作HTML文本，我建议你仍然使用更加轻量的cheerio库，但是如果cheerio满足不了你的需求，或者你为了像兼容jQuery一样兼容某些依赖DOM的npm库，你可以尝试jsdom来解决你的问题。
参考资料
jsdom: https://github.com/tmpvar/jsdom
cheerio: https://github.com/cheeriojs/...
DOM: https://dom.spec.whatwg.org
欢迎关注公众号：梁兴臣

每天了解一个NPM库，一年后成为Node.js高手

脚本宝典总结

以上是脚本宝典为你收集整理的NPM酷库：jsdom，纯JS实现的DOM全部内容，希望文章能够帮你解决NPM酷库：jsdom，纯JS实现的DOM所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

上一篇: jQuery实用的一些技巧下一篇:magento2 knockoutjs模板渲染事件

猜你在找的jQuery相关文章

快速学习nodejs系列：十四、express框架介绍 2019-06-05
jQuery--1 2019-05-26
JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性 2019-05-22
JQuery之ContextMenu(右键菜单)(转载--用了插件) 2019-05-28
jQuery 1.11 / 2.1 beta 版发布 2019-05-27
一张图告诉你，只会jQuery还不够！！！！！ 2019-05-23
jQuery选择器的的优点 2019-05-21
【Jquery对象】jquery与dom对象的区别 2019-05-27
jQuery插件 2019-05-23
jQuery 选择器 2019-05-22