教你如何在Node.js中使用jQuery（node.js jquery）

25-02-16 18

关于教你如何在Node.js中使用jQuery和node.jsjquery的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于AMD异步模块定义介绍和Require.js中使用jQuery及j

关于教你如何在Node.js中使用jQuery和node.js jquery的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法_jquery、IM通讯协议专题学习(七)：手把手教你如何在NodeJS中从零使用Protobuf、javascript – 在node.js中使用jQuery、javascript – 如何在Node.js中获取POSTed(jquery)数组数据(使用express)等相关知识的信息别忘了在本站进行查找喔。

本文目录一览：

教你如何在Node.js中使用jQuery（node.js jquery）
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法_jquery
IM通讯协议专题学习(七)：手把手教你如何在NodeJS中从零使用Protobuf
javascript – 在node.js中使用jQuery
javascript – 如何在Node.js中获取POSTed(jquery)数组数据(使用express)

教你如何在Node.js中使用jQuery（node.js jquery）

想要在NodeJs中使用jQuery？

首先，我们得安装jquery， npm install jquery 。安装后的版本是 3.1.0

接着，第一感觉我们会使用 var $ = require(''jquery'') 。

将以下代码保存为app.js

var $ = require(''jquery'')

$("body").append("<div>TEST</div>");
console.log($("body").html());

运行 node app.js 。提示错误：

Error: jQuery requires a window with a document

那么我们该怎么做呢？

在 npm的jquery安装包首页，我们看到可以使用 jsdom 进行模拟一个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());
});

运行，结果OK。

上面的代码，有一个让我不太舒服的地方就是要在回调函数中进行操作。那么我们如何做才可以不在回调函数中进行引入jquery呢？

var $ = require(''jquery'')(require("jsdom").jsdom().defaultView);
$("body").append("<div>TEST</div>");
console.log($("body").html());

一样运行OK。

以上就是本文给大家分享的全部内容了，希望对大家学习node.js能够有所帮助

您可能感兴趣的文章:

Jquery通过ajax请求NodeJS返回json数据实例
NodeJS使用jQuery选择器操作DOM
Nodejs抓取html页面内容（推荐）
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
基于html5和nodejs相结合实现websocket即使通讯
Nodejs+express+html5 实现拖拽上传
windows系统下简单nodejs安装及环境配置
NodeJS学习笔记之FS文件模块
nodejs的HTML分析利器node-jquery用法浅析

AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法_jquery

AMD 模块

AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。

AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已经被很多项目所接纳，包括jQuery（1.7）。

RequireJS

RequireJS是一个工具库，主要用于客户端的模块管理。它可以让客户端的代码分成一个个模块，实现异步或动态加载，从而提高代码的性能和可维护性。它的模块管理遵守AMD规范。

jQuery 对AMD的支持

jQuery 1.7 开始支持将 jQuery 注册为一个AMD异步模块。有很多兼容的脚本加载器（包括 RequireJS 和 curl）都可以用一个异步模块格式来加载模块，这也就表示不需要太多 hack 就能让一切运行起来。可以看看jQuery 1.7 中的源码：

复制代码代码如下:

// Expose jQuery as an AMD module, but only for AMD loaders that
// understand the issues with loading multiple versions of jQuery
// in a page that all might call define(). The loader will indicate
// they have special allowances for multiple jQuery versions by
// specifying define.amd.jQuery = true. Register as a named module,
// since jQuery can be concatenated with other files that may use define,
// but not use a proper concatenation script that understands anonymous
// AMD modules. A named AMD is safest and most robust way to register.
// Lowercase jquery is used because AMD module names are derived from
// file names, and jQuery is normally delivered in a lowercase file name.
if ( typeof define === "function" && define.amd && define.amd.jQuery ) {
define( "jquery", [], function () { return jQuery; } );
}

其工作的原理是，所使用的脚本加载器通过指定一个属性，即 define.amd.jQuery 为 true，来标明自己可以支持多个 jQuery 版本。如果有兴趣了解特定的实现细节的话，我们可以将 jQuery 注册为一个具名模块，因为可能会有这样的风险，即它可能被与其它使用了 AMD 的 define() 方法的文件拼合在一起，而没有使用一个合适的、理解匿名 AMD 模块定义的拼合脚本。

高版本的jQuery （1.11.1）去掉了define.amd.jQuery判断：

复制代码代码如下:

if ( typeof define === "function" && define.amd ) {
define( "jquery", [], function() {
return jQuery;
});
}

Require.js中使用jQuery

Require.js中使用jQuery非常方便，简单配置就可以了，例如：

复制代码代码如下:

// 简单的配置
require.config({

    // RequireJS 通过一个相对的路径 baseUrl来加载所有代码。baseUrl通常被设置成data-main属性指定脚本的同级目录。
    baseUrl: "./js",

    // 第三方脚本模块的别名,jquery比libs/jquery-1.11.1.min.js简洁明了；
    paths: {

        "jquery": "libs/jquery-1.11.1.min.js"

    }

});

// 开始使用jQuery 模块
require(["jquery"], function ($) {

    //你的代码
    //这里直接可以使用jquery的方法，比如：$( "#result" ).html( "Hello World!" );

});