目录

JQuery

概观

JQuery是最流行的一个JavaScript工具库，存在者数量众多的JQuery插件和应用程序y。 可选的skylark-jquery库基于skylarkjs/query模块，提供与一个完全与jquery兼容的API，并且代码更简单更高效。

JQuery插件和应用程序可以直接skylarkjs上运行,而不需要原始的jquery库。

安装

使用skylark-jquery，有两个方法：直接使用cdn，或使用bower或npm将库复制到项目的lib文件夹。

另外，您还需要在slax-config.json文件中配置使用skylark-jquery库。

使用cdn : 

....
    "runtime" : {
      "skylarkjs" : {
        "version" : "0.9.3"
      },
      "paths": {
        "jquery" : "http://registry.skylarkjs.org/packages/skylark-jquery/v0.9.3/uncompressed/skylark-jquery"
      }
    },
....

使用lib副本： 

....
    "runtime" : {
      "skylarkjs" : {
        "version" : "0.9.3"
      },
      "paths": {
        "jquery" : "./lib/skylark-jquery/uncompressed/skylark-jquery"
      }
    },
....

用法

使用skylark-jquery

方法与使用原始的jquery完全相同。 

define(["jquery"],function($) {
  $(".btn").button();
});

集成已有的jQuery插件

以使用bootstrap为例, 配置如下：: 

....
    "runtime" : {
      "skylarkjs" : {
        "version" : "0.9.3"
      },
      "shim": {
          "bootstrap": {
              "deps": ["jquery"],
              "exports": "bootstrap"
          }
      },
      "paths": {
        "jquery" : "./lib/skylark-jquery/uncompressed/skylark-jquery",
        "bootstrap" : "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min",
      }
    },
....