註:本文所使用的seajs版本是2.1.1
一、把Jquery封裝成seajs的模組
//這裡放jquery程式碼 把你喜歡的jquery版本放進來就好了
return $.noConflict();
});
調用方法:
這樣引進就可以像以前一樣使用jquery
var $ = require('./js/jquery');
// $(document).ready(function () {
// $("tr").wyhinterlaced({ "odd": "red", "even": "blue" });
// $("tr").wyhhover();
// })
});
二、把jquery的類別封裝成seajs>
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 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 !starttime) {
start = new Date( ).getTime();
}
else {
🎜> if (start > end) {
返回- 1 ;
}
else {
1000;
var 分鐘= Math.floor(秒/ 60) ;
var小時= Math.floor(分鐘/ 60);
var days = Math.floor(小時/ 24);
var CHour = 小時% 24;
var C 分鐘=分鐘% 60;
var CSecond = Math.floor(秒% 60);
0) {
str = CDay "天";
}
if (CHour >0) {
}
if (CMinute > 0) {
}
if (CSecond > 0) {
return str;
}
};
exports.GetTime = GetTime;
exports.GetYear = GetYear;
exports.GetMonth = Getnid;
exports.GetMonth = Getnid;
exports.GetMonth = Getnid;
exports.GetHours = GetHours;
exports.GetMinute = GetMinute;
exports.GetSecond = GetSecond;
exports.GetSecond = GetSecond; s.TimeSubNormal = TimeSubNormal;
})
調用方法:
複製代碼
代碼如下:define(function (require, 導出, 模組) {
var $ = require('./js/jquery');
複製程式碼
程式碼如下:
return function (jquery) {
.fn.wyhhover = function (options) {//options 常用這個表示有許多個參數。 var obj = $ .extend(defaultVal, options);
return this.each(function () {
var oldBgColor = tabObject.css(" background-color"); //取得目前物件的背景色
tabObject.hover(//定義一個hover方法。
},
function () {tabObject.css("background-color", oldBgColor);});
不同的顏色
$ .fn.wyhinterlaced = function (options) {//options 常用這個表示有許多個參數。 ',
};
var obj = $.extend(defaultVal, options);
return this.each(function () {
var tabObject = $(this 🎜> {
tabObject.css("background-color", obj.odd);
tabObject.css("background-color", obj.even);
}
});
}
})(jquery);
}
})
調用方法:
使用共享的方式調用插件
複製代碼
代碼如下:
var $ = require('./js/jquery');
$(document).ready(function () { $("tr").wyhinterlaced({ "odd": "red", " "tr").wyhhover();
})
});

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

在jquery中,apply()方法用于改变this指向,使用另一个对象替换当前对象,是应用某一对象的一个方法,语法为“apply(thisobj,[argarray])”;参数argarray表示的是以数组的形式进行传递。

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

禪工作室 13.0.1
強大的PHP整合開發環境

EditPlus 中文破解版
體積小,語法高亮,不支援程式碼提示功能

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境