node.js中使用jquery

wno7042026-11-04 10:15

一、环境准备

首先需要jquery以及jsdom

shell 复制代码

npm install jquery
npm install jsdom

二、引入

老版本：

javascript 复制代码

const $ = require('jquery')(require("jsdom").jsdom().defaultView);

新版本：

javascript 复制代码

const jsdom = require('jsdom');
const {JSDOM} = jsdom;
const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
global.document = document;
const window = document.defaultView;
const $ = require('jquery')(window);

三、使用

测试代码

javascript 复制代码

const jsdom = require('jsdom');
const {JSDOM} = jsdom;
const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
global.document = document;
const window = document.defaultView;
const $ = require('jquery')(window);

$("body").append("<div>TEST</div>");
console.log($("body").html());

var str = [{ data : "1" , value : "001" }, { data : "2" , value : "002" }, { data : "3" , value : "003" }, { data : "4" , value : "004" }]
console.log(str)

for (i=0; i<str.length; i++){
    console.log('>>\t' + str[i].data + '\t' + str[i].value)
}

$.each(str, function (n, value) {
    console.log('>>>\t' + value.data + '\t' + value.value)
});

输出结果

复制代码

<div>TEST</div>
[
  { data: '1', value: '001' },
  { data: '2', value: '002' },
  { data: '3', value: '003' },
  { data: '4', value: '004' }
]
>>	1	001
>>	2	002
>>	3	003
>>	4	004
>>>	1	001
>>>	2	002
>>>	3	003
>>>	4	004