Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie jQuery in Node.js

怪我咯
Freigeben: 2017-03-30 09:33:06
Original
1827 Leute haben es durchsucht

Zuerst müssen wir JQuery installieren, NPM JQuery installieren. Die installierte Version ist 3.1.0

Dann ist der erste Eindruck, dass wir var $ = require('jquery') verwenden werden.

Speichern Sie den folgenden Code als app.js

var $ = require('jquery')
$("body").append("<p>TEST</p>");
console.log($("body").html());
Nach dem Login kopieren


Führen Sie den Knoten app.js aus. Eingabeaufforderungsfehler:

Fehler: jQuery erfordert ein Fenster mit einem Dokument

Was sollen wir also tun?

Auf der Homepage des Jquery-Installationspakets von npm sehen wir, dass wir Jsdom verwenden können, um ein Dokument zu simulieren.

require("jsdom").env("", function(err, window) {
if (err) {
console.error(err);
return;
}
var $ = require("jquery")(window);
$("body").append("<p>TEST</p>");
console.log($("body").html());
});
Nach dem Login kopieren

Lauf, das Ergebnis ist in Ordnung.

Eine Sache, die mir bei dem obigen Code unangenehm ist, ist, dass er in der Rückruffunktion ausgeführt werden muss. Was können wir also tun, ohne jquery in die Rückruffunktion einzuführen?

var $ = require(&#39;jquery&#39;)(require("jsdom").jsdom().defaultView);
$("body").append("<p>TEST</p>");
console.log($("body").html());
Nach dem Login kopieren

läuft auch einwandfrei.




Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery in Node.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage