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 交通频道 作文范文 我的爱好作文200字 美好的三下乡 2016年山东省枣庄市中考作文优秀范文:修炼“挫商” 醉了一夏,沉淀彩虹似的梦 国学诵读带给我的变化_1200字 举手之劳作文 戚家庄小学实验教学普及县学校自查报告 绥德汉-串词朗诵词 欲醉长安外 《幽歌一曲对谁弹》 乡镇干部“三严三实”民主生活会前期准备工作情况报告 作文教学应发挥学生的主体作用 该不该说出口 爱迪生和手机的意外情节 小学二年级友谊作文 小区里的人与猫 农夫和他的儿子 新学期,我想对你说 小学二年级作文400字:我们学校的科学园 顽强的生命作文200字 描写昆虫的优美段落 欢快地游戏着 我的先辈们3-父爱 2008中考模拟--2008年重庆市初中毕业生学业考试科研测试(六)(转载)(会员上传) 黄龙溪游记作文500字 梦450字 这些都是我们知道的 送钱特卿赴职天台 轻工业产品供应合同 温暖冬至作文 2015创先争优总结 2015高中英语学习总结 小学六年级作文650字:家乡的路 守望 ----七绝 小学一年级作文400字:雨宝宝作文 伤感爱情短语大全 出租的树洞 幼儿园聘用幼儿教师临时用工劳动合同书 你恨你的亲人吗 我眼中的男生作文800字 暑假趣事之北戴河之游作文800字 马年对联大全 环境科学学会工作总结范文 感谢有你陪伴我 赞美人的句子 你很有品位 世界读书日活动倡议书 续写《我要的是葫芦》250字 在2008年度全县征兵工作会议上的讲话 勤丰中学人教版九年级上册第一单元测试卷 [人生] 天上的爱情 2012年市教育局工作总结

Copyright © 2016 phpStudy |