jQuery 对AMD的支持（Require.js中如何使用jQuery）

前端开发作者： 2024-08-20 19:45:01

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

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

    typeof define === "function" && define.amd ) {
        define( "jquery",1)">function() {
             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"],1)"> ($) {
     
        你的代码
        这里直接可以使用jquery的方法，比如：$( "#result" ).html( "Hello World!" );
     
    });

    ( ($) {
        $.fn.myPlugin =  () {
            你自己的插件代码
        };
    })(jQuery);

    ;( (factory) {
        if ( define.amd) {
             AMD模式
            define([ "jquery" ],factory);
        } else {
             全局模式
            factory(jQuery);
        }
    }( ($) {
        $.fn.jqueryPlugin = 插件代码
        };
    }));

    ;( (widgetFactory) {
     
         AMD模式
            define("jquery.ui.widget",["jquery"],1)"> () {
     
                widgetFactory(window.jQuery);
     
            });
        }             widgetFactory(window.jQuery);
        }
    }
    ( ($,undefined) {
     
         jQuery Widget Factory 代码
     
    }));

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_65687.html

相关资讯： jQuery 对AMD的支持（Require.js中如何使用jQuery）