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 交通频道 作文范文 我庆幸我不是淑女作文450字 有关马字的成语 初中初一作文700字:关心集体 描写我的妹妹作文100字 最美的初夏作文450字 空间伤感说说大全:放下了你,却放不过我自己 5种最能够赚钱的创业可行方式 家长国旗下讲话演讲稿:迎着春风 放飞梦想 说莲伦子 心的东西怎么丢 我的六河 教育局长在年度春季开学工作会上的讲话 正能量早安心语:稻香 爱的心里话作文500字 当今社会十大最抢手的魅力男人 情人的眼泪作文50字 美丽的太阳作文250字 记暑假的一次旅游 水利事业单位人事制度改革总结 爱上你的灵魂——读叶芝《当你老去》有感 护士学习科学发展观心得体会 在师大附中届毕业典礼上的致辞 民政业务工作职责 小学端午节手抄报 2013年初中教师年终工作总结 我想成为一只海鸥 春姑娘的脚步 填补空白 美丽的白鹭洲作文 下雨的场景作文200字 今夜有月,思念如潮 我有一个教师梦作文800字 鲜艳的花朵作文450字 遗弃的世俗 初中初一作文650字:评曹操 广场新舞 放学以后作文300字 有时,我也想遗忘作文900字 冬400字 四川女人贩(三十三) 辨证看务实办读后感 青春,滑落指间的时光 歇后语大全小学4年级 介绍文具盒的作文 哪里都好,就是一无是处. 高三国旗下讲话:演好自己的角色 最新幽默求爱短信大全 高中高三作文1200字:第一次游泳 我的心为何你捕捉 积木怪物

Copyright © 2016 phpStudy |