请帮忙分析下ligerCheckBox.js

yeluo1990 2013-06-27 06:29:12
请帮忙分析下,越详细越好。我刚学,看不明白,希望大家帮帮忙
(function ($)
{
/// <param name="$" type="jQuery"></param>
$.fn.ligerCheckBox = function (p)
{
p = p || {};
return this.each(function ()
{
if (this.usedCheckBox) return ;
if ($(this).hasClass('l-hidden')) { return; }
var g = {};
g.input = $(this);
g.link = $('<a class="l-checkbox"></a>');
g.wrapper = g.input.addClass('l-hidden').wrap('<div class="l-checkbox-wrapper"></div>').parent();
g.wrapper.prepend(g.link);
if (p.css) g.wrapper.css(p.css);
g.input.change(function ()
{
if (this.checked)
{
g.link.addClass('l-checkbox-checked');
}
else
{
g.link.removeClass('l-checkbox-checked');
}
return true;
});
g.link.click(function ()
{
if (g.input.attr('disabled')) { return false; }
if (p.onBeforeClick)
{
if (!p.onBeforeClick(g.input[0]))
return false;
}
g.input.trigger('click').trigger("change");
return false;
});
g.wrapper.hover(function ()
{
$(this).addClass("l-over");
}, function ()
{
$(this).removeClass("l-over");
});
this.checked && g.link.addClass('l-checkbox-checked');
this.usedCheckBox = true;
});
};
})(jQuery);
...全文
230 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
引用 5 楼 yeluo1990 的回复:
usedCheckBox这个属性代表的是什么意思
应该只是一个内部变量,遍历的时候用来判断这个checkBox是否被操作过
yeluo1990 2013-07-01
  • 打赏
  • 举报
回复
非常感谢。我明白了
yeluo1990 2013-06-30
  • 打赏
  • 举报
回复
usedCheckBox这个属性代表的是什么意思
  • 打赏
  • 举报
回复
引用 3 楼 yeluo1990 的回复:
我想问问if (this.usedCheckBox) return ;这句是什么意思
如果元素有usedCheckBox属性值就返回
yeluo1990 2013-06-30
  • 打赏
  • 举报
回复
我想问问if (this.usedCheckBox) return ;这句是什么意思
YiYanXiYin 2013-06-29
  • 打赏
  • 举报
回复
匿名函数的参数为$ (function($){...})(JQuery) 这事调用匿名函数,JQuery作为参数 $.fn.ligerCheckBox = function (p){...}这事对jq的fn扩展了一个ligerCheckBox的函数
YiYanXiYin 2013-06-29
  • 打赏
  • 举报
回复
function($){...}这事定义一个匿名函数

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧