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();
};
是不是很简单,试下呗
相关推荐
7.9.2 插件开发要点/225 7.9.3 开发插件示例/226 7.10 综合案例分析—使用uploadify插件实现文件上传功能 /232 7.10.1 需求分析/232 7.10.2 效果界面/233 7.10.3 功能实现/234 7.10.4 代码分析/236 7.11 本章...
和第8章介绍了jQuery UI、jQuery Mobile及利用jQuery强大的扩展能力开发自定义插件。随后的几章更 加深入地探讨了jQuery的各种特性及一些高级技术。附录A特别讲解了JavaScript中闭包的概念,以及如 何在jQuery中有效...
资源名称:jQuery应用开发实践指南内容简介:这是一本完全以实例方式来全方位讲解jQuery应用开发的著作,由Ajax领域的技术权威撰写。书中不仅详细讲解了jQuery的各种组件的功能特性和jQuery应用开发的流程与方法,...
jquery插件给我的感觉清一色的清洁,简单。如Jtip,要使用它的功能,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好,...
其次详细讲解了 jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在 jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例...
本书内容的编排 jQuery介绍-->选择器-->DOM操作-->事件和动画-->Ajax应用-->插件-->完整DEMO 本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握...使读者更好地进行开发实践。
模仿百度首页开发的纯静态页面(未使用 jQuery 插件),支持切换搜索引擎,具有搜索关键字提示
除了核心框架之外,本书还用独立的章节介绍了jQuery UI、jQuery Mobile以及插件的使用和开发。在翻译期间,我们也深深地为jQuery系列框架的强大功能和精巧的设计所打动,因此,我们向广大读者推荐本书,希望它能够...
读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点,并结合每个章节后面的案例演示进行练习,达到掌握本章节知识点的目的,使读者更好地进行开发实践。 本书共分为8章, 第1...
本书循序渐进地讲解了jquery高效开发的方法和技巧,内容包括jquery框架的设计模式和思路、sizzle选择器的构成和工作机制、dom文档操作、事件处理、动画设计、ajax异步通信、插件扩展和辅助工具等。 执行效率是...
读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面知识点,并结合每个章节后面的案例演示进行练习,达到掌握本章节知识点的目的,使读者更好地进行开发实践。 第1篇介绍了jQuery...
jQuery内核详解与实践内容简介:本书循序渐进地讲解了jQuery高效开发的方法和技巧,内容包括jQuery框架的设计模式和思路、Sizzle选择器的构成和工作机制、DOM文档操作、事件处理、动画设计、Ajax异步通信、插件扩展...
在初次进行jquery插件开发时,我们往往无从下手,当然我们可以按照jquery官方提供的格式进行简单的插件开发,但是很多时候往往不尽完美,一不小心,就造出一个很“烂”的插件:难以维护、难以扩展、使用繁琐、性能不...
要说jQuery 最成功的地方,我认为是...jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。 根据《jQ
刘哇勇的部落格要说jQuery 最成功的地方...jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的,有了模式,我们就能更好地组织我们的代码,并且从这些前人总结出来的模式中学到很多好的实践。 根据
本书循序渐进地讲解了jquery高效开发的方法和技巧,内容包括jquery框架的设计模式和思路、sizzle选择器的构成和工作机制、dom文档操作、事件处理、动画设计、ajax异步通信、插件扩展和辅助工具等。 执行效率是...
本书循序渐进地讲解了jquery高效开发的方法和技巧,内容包括jquery框架的设计模式和思路、sizzle选择器的构成和工作机制、dom文档操作、事件处理、动画设计、ajax异步通信、插件扩展和辅助工具等。 执行效率是...
我想要实现一个可以在网站或WEB应用系统中使用,可以灵活的定制外观、简单、易于使用、方便扩展、稳定的菜单插件。它可以被用在网站主导航条上,亦可以用在管理后台。 二.想要的效果是什么? 平时菜单处于收起状态...
我想要实现一个插件可以取代浏览器默认的弹出对话框或窗体,就是我们通过调用window.alert,window.confirm,window.prompt这些方法 所弹出的网页对话框,通过调用window.open,window.showModalDialog,window....