Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser jQuery dans Node.js

怪我咯
Libérer: 2017-03-30 09:33:06
original
1776 Les gens l'ont consulté

Tout d'abord, nous devons installer jquery, npm install jquery. La version installée est la 3.1.0

Ensuite, la première impression est que nous utiliserons var $ = require('jquery') .

Enregistrez le code suivant sous app.js

var $ = require('jquery')
$("body").append("<p>TEST</p>");
console.log($("body").html());
Copier après la connexion


Exécutez le nœud app.js. Erreur d'invite :

Erreur : jQuery nécessite une fenêtre avec un document

Alors, que devons-nous faire ?

Sur la page d'accueil du package d'installation jquery de npm, on voit que l'on peut utiliser jsdom pour simuler un document.

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());
});
Copier après la connexion

Courez, le résultat est OK.

Une chose qui me met mal à l'aise avec le code ci-dessus est qu'il doit être utilisé dans la fonction de rappel. Alors que pouvons-nous faire sans introduire jquery dans la fonction de rappel ?

var $ = require(&#39;jquery&#39;)(require("jsdom").jsdom().defaultView);
$("body").append("<p>TEST</p>");
console.log($("body").html());
Copier après la connexion

fonctionne bien également.




Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!