> 웹 프론트엔드 > JS 튜토리얼 > Node.js에서 jQuery를 사용하는 방법

Node.js에서 jQuery를 사용하는 방법

怪我咯
풀어 주다: 2017-03-30 09:33:06
원래의
1853명이 탐색했습니다.

먼저 jquery, npm install jquery를 설치해야 합니다. 설치된 버전은 3.1.0입니다

그럼 첫인상은 var $ = require('jquery') 를 사용하겠다는 것입니다.

다음 코드를 app.js로 저장하세요

var $ = require('jquery')
$("body").append("<p>TEST</p>");
console.log($("body").html());
로그인 후 복사


node 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입니다.

위 코드에서 불편한 점 중 하나는 콜백 함수에서 동작해야 한다는 것입니다. 그렇다면 콜백 함수에 jquery를 도입하지 않고 무엇을 할 수 있을까요?

var $ = require(&#39;jquery&#39;)(require("jsdom").jsdom().defaultView);
$("body").append("<p>TEST</p>");
console.log($("body").html());
로그인 후 복사

도 잘 돌아갑니다.




위 내용은 Node.js에서 jQuery를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿