亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

把jQuery的類、插件封裝成seajs的模塊的方法

2019-11-20 20:57:13
字體:
來源:轉載
供稿:網友

注:本文使用的seajs版本是2.1.1
一、把Jquery封裝成seajs的模塊

復制代碼 代碼如下:
define(function () {

   //這里放置jquery代碼 把你喜歡的jquery版本放進來就好了


return $.noConflict();
});

調用方法:
這樣引進就可以像以前一樣使用jquery

復制代碼 代碼如下:
define(function (require, exports, module) {
    var $ = require('./js/jquery');
 

   // $(document).ready(function () {
     //   $("tr").wyhinterlaced({ "odd": "red", "even": "blue" });
     //   $("tr").wyhhover();
   // })
});


二、把jquery的類封裝成seajs模塊
復制代碼 代碼如下:
define(function (require, exports, module) {

    var $ = require("../js/jquery");


    var weekday = new Array(7)
    weekday[0] = "星期一";
    weekday[1] = "星期二";
    weekday[2] = "星期三";
    weekday[3] = "星期四";
    weekday[4] = "星期五";
    weekday[5] = "星期六";
    weekday[6] = "星期日";

     function GetType(arg) {
        var today = new Date();
        var year = today.getFullYear();
        var month = today.getMonth() + 1;
        var td = today.getDate();
        var d = weekday[today.getDay() - 1];
        var h = today.getHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        switch (arg) {
            case 1:  //2013-09-09 09:31:56
                return year + "-" + month + "-" + td + "  " + h + ":" + m + ":" + s; break;
            case 2:  //2013-09-09 (星期一) 09:31:56
                return year + "-" + month + "-" + td + " (" + d + ") " + h + ":" + m + ":" + s; break;
            case 3:  //09-09-2013 09:31:56
                return month + "-" + td + "-" + year + "  " + h + ":" + m + ":" + s; break;
            case 4:  //09-09-2013 星期一 09:31:56
                return month + "-" + td + "-" + year + " (" + d + ") " + h + ":" + m + ":" + s; break;
            case 5:  //2013年09月09日 09時31分秒56
                return year + "年" + month + "月" + td + "日  " + h + "時" + m + "分" + s + "秒"; break;
            case 6:  //2013年09月09日 星期一 09時31分秒56
                return year + "年" + month + "月" + td + "日  (" + d + ")  " + h + "時" + m + "分" + s + "秒"; break;
        }
    };

    /*******************************************************
    /*函數名:GetTime
    /*參數:數值(包括整形浮點型都可以,浮點型會做四舍五入處理,如果不是數字,
    函數將采用默認的時間格式返回!時間樣式有15【1-15是有效的時間樣式
    超出或小于都將采用默認的樣式 樣式1】中)
    /*功能  獲取當前的系統時間 可定制格式
    *******************************************************/

     function  GetTime(arg) {
        if (!isNaN(arg)) {
            var num = Math.round(arg);

            if (num < 7 && num > 0) {
                return GetType(num);
            }
            else {
                var str;
                var str2;
                switch (num) {
                    case 0: return GetType(1); break;
                    case 7: str = GetType(2); return str.replace(/星期/, ""); break;
                    case 8: str = GetType(1); return str.replace(/-/, "/").replace(/-/, "/"); break;
                    case 9: str = GetType(2); return str.replace(/-/, "/").replace(/-/, "/");
                    case 10: str = GetType(2); str2 = str.replace(/-/, "/").replace(/-/, "/"); return str2.replace(/星期/, ""); break;
                    case 11: str = GetType(4); return str.replace(/星期/, ""); break;
                    case 12: str = GetType(3); return str.replace(/-/, "/").replace(/-/, "/"); break;
                    case 13: str = GetType(4); return str.replace(/-/, "/").replace(/-/, "/");
                    case 14: str = GetType(4); str2 = str.replace(/-/, "/").replace(/-/, "/"); return str2.replace(/星期/, ""); break;
                    case 15: str = GetType(6); return str.replace(/星期/, "");
                    default: return GetType(1); break;
                }
            }
        }
        else {
            return GetType(1);
        }
    };


    /* 獲取系統的當前年數*/
     function GetYear() {
        var today = new Date();
        return today.getFullYear();
    };


    /*獲取系統的當前的月數*/
      function GetMonth() {
        var today = new Date();
        return today.getMonth() + 1; ;
    };
    /*獲取系統的當前的天數*/
      function GetDay() {
        var today = new Date();
        return today.getDate(); ;
    };
    /*獲取系統的當前的小時*/
   function GetHours() {
        var today = new Date();
        return today.getHours();
    };
    /*獲取系統的當前的分鐘*/
     function GetMinute() {
        var today = new Date();

        return today.getMinutes();
    };
    /*獲取系統的當前的秒數*/
     function GetSecond() {
        var today = new Date();
        return today.getSeconds();
    };


    /************************************************************
    *函數名:TimeSubMillisecond
    *參數:endtime(結束時間) starttime(起始時間)
    *功能:獲取兩個時間的毫秒級的差值,必須寫一個參數 第二個參數(起始時間)可以
    *不寫默認是系統當前時間
    ************************************************************/
    function  TimeSubMillisecond(endtime, starttime) {
        var end = new Date(endtime).getTime();
        if (!endtime) {
            return -1;
        }
        if (!starttime) {
            start = new Date().getTime();
        }
        else {
            start = new Date(starttime).getTime();
        }
        if (start > end) {
            return -1;
        }
        else {
            return end - start;
        }
    };
    /************************************************************
    *函數名:TimeSubNormal
    *參數:endtime(結束時間) starttime(起始時間)
    *功能:獲取兩個時間的差值,必須寫一個參數 第二個參數(起始時間)可以
    *不寫默認是系統當前時間
    ************************************************************/

      function  TimeSubNormal(endtime, starttime) {
        var end = new Date(endtime).getTime();
        var start;
        if (!starttime) {
            start = new Date().getTime();
        }
        else {
            start = new Date(starttime).getTime();
        }
        if (start > end) {
            return -1;
        }
        else {
            var alltime = end - start;
            var seconds = alltime / 1000;
            var minutes = Math.floor(seconds / 60);
            var hours = Math.floor(minutes / 60);
            var days = Math.floor(hours / 24);
            var CDay = days;
            var CHour = hours % 24;
            var CMinute = minutes % 60;
            var CSecond = Math.floor(seconds % 60);
            var str = "";
            if (CDay > 0) {
                str += CDay + "天";
            }
            if (CHour > 0) {
                str += CHour + "小時";
            }
            if (CMinute > 0) {
                str += CMinute + "分鐘";
            }
            if (CSecond > 0) {
                str += CSecond + "秒";
            }
            return str;
        }
    };


    exports.GetTime = GetTime;
    exports.GetYear = GetYear;
    exports.GetMonth = GetMonth;
    exports.GetDay = GetDay;

    exports.GetHours = GetHours;
    exports.GetMinute = GetMinute;
    exports.GetSecond = GetSecond;
    exports.TimeSubMillisecond = TimeSubMillisecond;
    exports.TimeSubNormal = TimeSubNormal;

})

調用方法:

復制代碼 代碼如下:
define(function (require, exports, module) {
    var $ = require('./js/jquery');
    var a=require('./js/time');

    alert(a.GetTime(3));
});


三、把jquery 插件的封裝成seajs模塊
下面是把jquery的一個插件封裝成模塊的例子
復制代碼 代碼如下:
define(function (require, exports, moudles) {
    return function (jquery) {
        (function ($) {
             //給當前行高亮
  $.fn.wyhhover = function (options) {//options 經常用這個表示有許多個參數。
        var defaultVal = {
         BackColor: '#ccc',
        };

         var obj = $.extend(defaultVal, options);

          return this.each(function () {
            var tabObject = $(this); //獲取當前對象
            var oldBgColor = tabObject.css("background-color"); //獲取當前對象的背景色
            tabObject.hover(//定義一個hover方法。
            function (){tabObject.css("background-color", obj.BackColor);},
            function () {tabObject.css("background-color", oldBgColor);});
        });
        }
     //使奇偶行不同的顏色
        $.fn.wyhinterlaced = function (options) {//options 經常用這個表示有許多個參數。
        var defaultVal = {
         odd: '#DDEDFB',
         even: '#fff',
        };

         var obj = $.extend(defaultVal, options);

          return this.each(function () {
            var tabObject = $(this); //獲取當前對象
           if(tabObject.index()%2==0)
           {
              tabObject.css("background-color", obj.odd);
           }else
           {
             tabObject.css("background-color", obj.even);
           }
        });
        }
        })(jquery);
    }

})

調用方法:
使用共享的方式調用插件

復制代碼 代碼如下:
define(function (require, exports, module) {
    var $ = require('./js/jquery');
    require('./js/jquery_tr')($);//共享給jquery

    $(document).ready(function () {
        $("tr").wyhinterlaced({ "odd": "red", "even": "blue" });
        $("tr").wyhhover();
    })
});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲欧美日韩一区二区在线| 中文字幕av一区中文字幕天堂| 日韩福利在线播放| 欧美激情视频给我| 国产日韩精品视频| 欧美一区在线直播| 国产精品wwwwww| 亚洲精品电影在线观看| 美女福利视频一区| 日韩欧美第一页| 国产香蕉一区二区三区在线视频| 国产精品美女在线观看| 亚洲一区免费网站| 国产美女高潮久久白浆| 亚洲国产精品系列| 亚洲丁香婷深爱综合| 久久精品电影一区二区| 这里只有精品在线播放| 国产精品久久网| 久久久久久18| 一区二区日韩精品| 国产成人久久久精品一区| 国产成人精品在线播放| 亚洲激情国产精品| 91视频免费在线| 亚洲黄页视频免费观看| 日韩电影免费观看在线观看| 91国产一区在线| 国产精品va在线播放我和闺蜜| 国产欧美婷婷中文| 精品国产一区二区三区久久| 91tv亚洲精品香蕉国产一区7ujn| 亚洲欧美一区二区三区久久| 一区二区三区久久精品| 日韩成人网免费视频| 欧美激情亚洲自拍| 国内外成人免费激情在线视频网站| 色偷偷88888欧美精品久久久| 欧美亚洲另类在线| 亚洲人成网站免费播放| 亚洲91精品在线| 久久久久久久一区二区三区| 精品中文字幕在线2019| 久久久久久av| 伊人激情综合网| 日韩国产中文字幕| 日韩国产精品亚洲а∨天堂免| 亚洲成人av在线播放| 欧美黄网免费在线观看| 中文字幕亚洲一区| 亚洲男子天堂网| 亚洲一区二区久久| 日韩免费在线视频| 久久久精品美女| 色琪琪综合男人的天堂aⅴ视频| 欧美视频在线视频| 夜色77av精品影院| 国产一区二区成人| 中文字幕亚洲综合久久筱田步美| 久久久人成影片一区二区三区观看| 97视频免费观看| 日韩极品精品视频免费观看| 在线观看欧美日韩国产| 成人免费视频a| 成人欧美一区二区三区黑人| 国产成人精品午夜| 欧美日韩国产精品一区| 中文字幕免费精品一区| 国产一区二区三区高清在线观看| 欧美色videos| 九九精品在线视频| 日韩精品视频在线免费观看| 国产精品入口福利| 日韩久久午夜影院| 97人洗澡人人免费公开视频碰碰碰| 久久久久久国产精品久久| 激情av一区二区| 91中文字幕一区| 久久久999成人| 在线视频日本亚洲性| 欧亚精品中文字幕| 久久久久久久久久亚洲| 欧美精品少妇videofree| 国产极品精品在线观看| 国产精品视频在线播放| 精品中文视频在线| 亚洲自拍偷拍网址| 欧美日韩美女在线观看| 亚洲人成在线观| 久久精品色欧美aⅴ一区二区| 国产福利视频一区| 午夜精品蜜臀一区二区三区免费| 亚洲人高潮女人毛茸茸| 欧美黑人巨大精品一区二区| 亚洲石原莉奈一区二区在线观看| 欧美电影免费观看高清完整| 欧美大片在线看免费观看| 欧美亚洲第一区| 国产精品美女主播| 91精品国产色综合久久不卡98口| 日韩毛片在线观看| 国产欧美精品在线| 国产精品福利在线| 综合网日日天干夜夜久久| 亚洲精品动漫久久久久| 欧美日韩精品在线观看| 亚洲色图35p| 午夜精品理论片| 日韩在线观看免费高清| 成人免费大片黄在线播放| 日本一欧美一欧美一亚洲视频| xxxxx成人.com| 亚洲国产成人精品一区二区| 亚洲视频网站在线观看| 精品动漫一区二区三区| 国产高清在线不卡| 精品在线小视频| 成人免费网站在线观看| 日韩在线视频国产| 亚洲精品福利在线| 欧美日韩精品中文字幕| 8x海外华人永久免费日韩内陆视频| 日韩欧美aaa| 日韩av手机在线观看| 日韩在线观看精品| 亚洲欧美色图片| 欧美日韩亚洲视频| 久久久久久久一区二区三区| 亚洲国产日韩精品在线| 成人午夜激情免费视频| 亚洲国产成人久久| 亚洲精品影视在线观看| 91精品国产91久久久久福利| 亚洲最大成人网色| 久久久久五月天| 97在线视频一区| 国产一区二区在线免费视频| 国产精品久久久久久久一区探花| 孩xxxx性bbbb欧美| 国产一区视频在线播放| www日韩中文字幕在线看| 久久成人精品一区二区三区| 欧美国产日韩一区| 久久成人这里只有精品| 日本午夜精品理论片a级appf发布| 日本乱人伦a精品| 欧美激情一区二区三区成人| 国产免费观看久久黄| 国产日韩欧美在线看| 国产精品久久久久久亚洲调教| 午夜精品久久久久久久99热浪潮| 亚洲精品国产精品乱码不99按摩| 国产精品一区二区三区毛片淫片| 亚洲精品短视频| 欧美老少配视频| 国产免费一区二区三区在线能观看| 精品亚洲一区二区三区在线观看| 一区二区三区四区视频| 91深夜福利视频| 97在线精品国自产拍中文| 日韩高清av一区二区三区| 久久久久久久999精品视频| 欧美在线免费观看| 97精品免费视频|