Jquery 扩展方法

bwozhongg412

bwozhongg412

2016-02-19 13:05

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Jquery 扩展方法,手机电脑控们准备好了吗?一起看过来吧!
于是翻出了前年的Jquery中文文档。 大致浏览了下Jquery的方法。发现Jquery如此之强大,怎么以前就没有发现呢?于是就亲手写了基于Jquery的扩展函数,代码如下:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
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);
}
});
};

以上函数调用如下:

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
div
input type="checkbox" /1
input type="checkbox" /2
input type="checkbox" /3
input type="checkbox" /4
input type="checkbox" /5
input type="checkbox" /6
input type="checkbox" /All/div
divCheck/div
/div
style type="text/css"
table tr {}
table .rowStyle { background:#dedede;}
table .hoverStyle {font-weight:bold; color:Red; background-color:Gray;}
/style
table
tr
td1/td
/tr
tr
td1/td
/tr
tr
td1/td
/tr
/table
script type="text/javascript"
$("#a_All").__toggleCheck("a_");
$("#a_All1").__toggleCheck("a_");
$("#tb").__setRepeaterStyle("tr", "rowStyle", "hoverStyle");
/script
展开更多 50%)
分享

猜你喜欢

Jquery 扩展方法

Web开发
Jquery 扩展方法

扩展jQuery 键盘事件的几个基本方法

Web开发
扩展jQuery 键盘事件的几个基本方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQuery 动态扩展对象之另类视角

Web开发
JQuery 动态扩展对象之另类视角

用jQuery扩展自写的 UI导航

Web开发
用jQuery扩展自写的 UI导航

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

扩展String功能方法

Web开发
扩展String功能方法

jQuery教程:jQuery核心方法的使用

Web开发
jQuery教程:jQuery核心方法的使用

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

win7完全控制面板用过才知道好用

win7完全控制面板用过才知道好用

Windows的动态链接库原理及使用1

Windows的动态链接库原理及使用1
下拉加载更多内容 ↓