Jquery 扩展方法


于是翻出了前年的Jquery中文文档。 大致浏览了下Jquery的方法。发现Jquery如此之强大,怎么以前就没有发现呢?于是就亲手写了基于Jquery的扩展函数,代码如下:

复制代码 代码如下:

jQuery.fn.__toggleCheck = function (idPrefix) {
var c = false;
$(this).click(function () {
if (c) c = false;
else c = true;
$("input[type=checkbox][id^=" + idPrefix + "]").each(
function () {
this.checked = c;
}
);
});
};
jQuery.fn.__setRepeaterStyle = function (itemTag, evenStyle, hoverStyle) {
$("#" + this.attr("id") + " " + itemTag + ":odd").addClass(evenStyle);
var cssOriginal = "";
$("#" + this.attr("id") + " " + itemTag + "").mouseover(function () {
cssOriginal = $(this).attr("class");
$(this).addClass(hoverStyle);
});
$("#" + this.attr("id") + " " + itemTag + "").mouseout(function () {
$(this).removeClass();
if (cssOriginal.length > 0) {
$(this).addClass(cssOriginal);
}
});
};

以上函数调用如下:
复制代码 代码如下:

<div id="selBox">
<input type="checkbox" id="a_1" />1
<input type="checkbox" id="a_2" />2
<input type="checkbox" id="a_3" />3
<input type="checkbox" id="a_4" />4
<input type="checkbox" id="a_5" />5
<input type="checkbox" id="a_6" />6
<input type="checkbox" id="a_All" />All</div>
<div id="a_All1">Check</div>
</div>
<style type="text/css">
table tr {}
table .rowStyle { background:#dedede;}
table .hoverStyle {font-weight:bold; color:Red; background-color:Gray;}
</style>
<table id="tb" style="width:100%; border:solid 1px #dedede;">
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
<tr>
<td>1</td>
</tr>
</table>
<script type="text/javascript">
$("#a_All").__toggleCheck("a_");
$("#a_All1").__toggleCheck("a_");
$("#tb").__setRepeaterStyle("tr", "rowStyle", "hoverStyle");
</script>



相关阅读:
网页制作实例:图片真正居中的方法
checkbox 复选框不能为空
关于ASP.NET在IIS一些问题经验总结
asp.net(c#)ref,out ,params的区别
双系统计算机怎样卸载其中一个?
Oracle10g新特性——正则表达式
ASP在线创建Word与Excel文档
JavaScript判断窗口是否最小化的代码(跨浏览器)
mssql 两种数据插入方式
php学习 字符串课件
在64位Linux环境下安装Oracle数据库10g
脱离Linux新手十要点
AJAX、AJAX实例及AJAX源代码
Windows XP实现开机自动拨号上网
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 农村环境卫生工作自查报告 高考满分作文1100字:高考满分作文(福建):八 十八 二十八 关于爱情的唯美短句 我后悔的一件事 2016下乡听课调研报告 金融机构支持三农发展情况的调查报告 2016纪念红军长征胜利80周年征文 初二叙事作文1000字:谨记这一天 珠穆朗玛 小河在欢唱作文200字 成功者励志演讲稿:追逐目标 新春协奏曲作文1100字 初三鉴定 小偷的价值200字 2015下岗职工养老保险新政策 面对生活的困扰淡然处之 追赶绿色——万凌作文700字 交通安全教育国旗下讲话 美丽的小镜子 其实,我也可以长发及腰 以分享为话题的作文800字 一次有趣的游戏作文450字 读《乒乓球女将邓亚萍》有感 名人足迹——孔子作文450字 小学2013年法制建设工作计划 2016班主任心理健康培训心得 总有一天,你会不再担忧的 市定向限价商品房管理意见 一首歌让我想起了曾经的你 2012年度心理委员工作总结 秋色,风景别样美 无规矩不成方圆 转正的工作总结范文 老板对你工作不满意怎么办? 孝鸟 有没有这样一个人 计算机毕业生求职信范文 韩国之旅作文 苑津山无奈批评林沉傲作文600字 小学四年级作文350字:我爱立交桥 静夜思语作文400字 个人简历模板:客服管理 人生点滴 《牛虻》的感受与《茵梦湖》的启示(康有山) 与努力相对等的人生作文600字 浅夏绿韵舞霓裳,粉面嫣然宛笑葩作文1500字 白鹭郭沫若读后感 反思周记 七月丶唯美 学校庆元旦讲话稿范文

Copyright © 2016 phpStudy |