First, we have to install jquery, npm install jquery. The version after installation is 3.1.0
Then, the first feeling we will use var $ = require (' jquery ').
Save the following code as App.js
var $ = require (' jquery ')
$ ("Body"). Append ("<div>TEST</div>");
Console.log ($ ("body"). html ());
Run node app.js. Hint Error:
Error:jquery requires a window with a document
So what do we do?
In NPM's jquery installation package home page, we see that we can use Jsdom to simulate a document.
Require ("Jsdom"). Env ("", Function (err, window) {
if (err) {
console.error (err);
return;
}
var $ = require ("jquery") (window);
$ ("Body"). Append ("<div>TEST</div>");
Console.log ($ ("body"). html ());
Run, and the result is OK.
The code above, one of the things that makes me uncomfortable is to operate in a callback function. So what can we do to not introduce jquery into the callback function?
var $ = require (' jquery ') (Require ("Jsdom"). Jsdom (). DefaultView);
$ ("Body"). Append ("<div>TEST</div>");
Console.log ($ ("body"). html ());
Run OK as well.