SeaJS入門篇一 怎麼使用query

研究了2個多小時，終於搞定引入jq

1.寫個html頁面

<h1>ddddddddd</h1>
<script src='/Scripts/dist/sea.js'></script>

2.配置腳本路徑

// seajs 的簡單配置
        seajs.config({
            //base: "",//默認和sea.js同級，jquery.js和它同級，因此沒有寫；注意：若是爲默認不要寫，不然路徑出錯
            alias: {
                "jquery": "jquery.js"
            }
        });

可是，這樣就query不能直接使用，須要修改jq文件

define(function () {

　　//juery原文件內容
　　return $.noConflict();
});

好了，這樣就解決了

3.怎麼定義模塊

這部門內容一般是寫在js文件裏，這裏爲了方便直接寫在代碼中

       // 全部模塊都經過 define 來定義
        define("test", ["jquery"], function (require, exports, module) {
            // 經過 require 引入依賴

            var $ = require('jquery');

            // 經過 exports 對外提供接口
            exports.doSomething = function () { 
                alert(1);
                return 1;
            }

            function Test(h1) {
                this.h1 = $(h1);
            }

            // 或者經過 module.exports 提供整個接口
            module.exports = Test;

            Test.prototype.change = function () {
                var h1 = this.h1;
                $(h1).css("color", "red");
            }
        });
        define("main", ["test", "jquery"], function (require, exports, module) {
            var t = require('test');
            var tt = new t("h1");
            tt.change();
        });

4.加載入口

        // 加載入口模塊
        seajs.use("main");

最終效果顯示：

ddddddddd