jquery插件开发--简单实践

jQuery为开发插件提拱了两个方法,分别是:

jQuery.fn.extend(object);  给jQuery对象添加方法。

jQuery.extend(object);  为扩展jQuery类本身.为类添加新的方法。

下面是一个简单的表单列表的全选/反选以及列表的奇偶行背景简单的编写的小插件

(function ($) {

//checkbox 批量处理插件

$.fn.selectCheckBox = function () {

var selectboxs = this;

return selectboxs.each(function (index) {

$(this).click(function () {

if (index == 0 ) {

if ($(this).is(':checked')) {

selectboxs.prop("checked",'checked');

} else {

selectboxs.removeAttr("checked");

}

} else {

if($(this).is(':checked')){

var checked_length = $("input[type='checkbox']:checked").length;

if(selectboxs.first().prop('checked') == false && (checked_length == selectboxs.length-1 )){

selectboxs.first().prop("checked",'checked');

}

}else{

selectboxs.first().removeAttr("checked");

}

}

});

});

};

该如何使用呢,一般引入上述js:

调用如下,#test:id为test的table

$(function(){

      $('#test').tableBgColor();

      $("input[type='checkbox']").selectCheckBox();

};

是不是很简单,试下呗

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值