Node.jsでjQueryを使用する方法

怪我咯
リリース: 2017-03-30 09:33:06
オリジナル
1859 人が閲覧しました

まず、jqueryをインストールする必要があります、npm install jquery。インストールされているバージョンは3.1.0です

それでは、 var $ = require('jquery') を使うのが第一印象です。

次のコードを app.js として保存します

var $ = require('jquery')
$("body").append("<p>TEST</p>");
console.log($("body").html());
ログイン後にコピー


ノード app.js を実行します。プロンプト エラー:

エラー: jQuery にはドキュメントを含むウィンドウが必要です

それでは、どうすればよいでしょうか?

npm の jquery インストール パッケージのホームページでは、jsdom を使用してドキュメントをシミュレートできることがわかります。

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());
});
ログイン後にコピー

実行して、結果はOKです。

上記のコードで不快に思う点の 1 つは、コールバック関数で操作する必要があることです。では、コールバック関数に jquery を導入せずに何ができるでしょうか?

var $ = require(&#39;jquery&#39;)(require("jsdom").jsdom().defaultView);
$("body").append("<p>TEST</p>");
console.log($("body").html());
ログイン後にコピー

も問題なく動作します。




以上がNode.jsでjQueryを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート