Jquery自定义扩展方法(二)
- 作者: 五速梦信息网
- 时间: 2026年04月04日 13:34
一、概述
研究了上节的Jquery自定义扩展方法,自己一直想做用jquery写一个小的插件,工作中也用到了用JQuery的日历插件,自己琢磨着去造个轮子--HTML5手机网页日历控件,废话不多说,先看看效果图吧

效果图很简单,代码封装在JQuery中,网页端只需要要调用即可;
二、Jquery自定义实体对象
Jquery可以自定义函数function,有没有可以定义实体对象,里面封装方法那?查询了一下资料发现,是可以的,不仅能够封装属性,还可以写自己的方法,调用模板代码如下:
$.CalenderData = {
//时间展示按钮
$ShowSelectData : function () {
$("#tcontrolretx").text(tyeer + "年" + tmonth + "月" + tday + "日");
}
,
//判读是否是闰年
$ISLeapYear : function (Year) {
if (((Year % ) == ) && ((Year % ) != ) || ((Year % ) == )) {
return (true);
}
else {
return (false);
}
},
//初始化年
$InitCalenderYeerData:function (yeerData, CurYear) {
var YeerHtml = "";
var NDataTime = new Date(); //当前时间
var CurrYear = NDataTime.getFullYear(); //从 Date 对象以四位数字返回年份
var NowYear;
YeerHtml += liDataModel.format("");
for (var iyee = yeerData; iyee >= ; iyee--) {
NowYear = CurrYear - iyee;
if (CurYear == NowYear) {
YeerHtml += liSDataModel.format(NowYear);
}
else {
YeerHtml += liDataModel.format(NowYear);
}
}
YeerHtml += liDataModel.format("");
return YeerHtml;
}
}
调用的时候,只需要下面方式进行即可:
$.CalenderData.$ShowSelectData();
调用起来也算方便。封装之后,Jquery调用显得就不那么凌乱了。
- 上一篇: js == 与 === 的区别,‘’与“”的区别
- 下一篇: jquery中ajax处理错误返回信息
相关文章
-
js == 与 === 的区别,‘’与“”的区别
js == 与 === 的区别,‘’与“”的区别
- 互联网
- 2026年04月04日
-
js authcode加密
js authcode加密
- 互联网
- 2026年04月04日
-
js confirm用法
js confirm用法
- 互联网
- 2026年04月04日
-
jquery中ajax处理错误返回信息
jquery中ajax处理错误返回信息
- 互联网
- 2026年04月04日
-
jQuery之ajax实现篇
jQuery之ajax实现篇
- 互联网
- 2026年04月04日
-
jQuery源码分析系列(36) : Ajax
jQuery源码分析系列(36) : Ajax
- 互联网
- 2026年04月04日






