一、环境准备

首先需要jquery以及jsdom

1
2
3
npm install jquery

npm install jsdom

二、引入

老版本：

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

新版本：

1
2
3
4
5
6
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);

三、使用

测试代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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)
});

输出结果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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