JQuery实现列表中复选框全选反选功能封装(推荐)

1、首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。

创新互联建站为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名，让您的网站具备超强的网络竞争力！结合企业自身，进行网站设计及把握，最后结合企业文化和具体宗旨等，才能创作出一份性化解决方案。从网站策划到网站设计、成都网站设计， 我们的网页设计师为您提供的解决方案。

2、反选：(：checkbox：checked).removeAttr(checked)；(：checkbox：not(：checked)).attr(checked，checked)；全手写，没有经过测试。

3、最近在项目中，遇到一个问题，测试全选/反选功能时，第一次对母框进行选中/非选中时，能同步子框的全选/反选状态，之后再点击母框，子框就没反应了。本文就为大家带来一篇解决JQuery全选/反选第二次失效的问题。

4、function selectall(obj){ obj=$(obj)；var flag=obj.attr(checked)？true：false；obj.parent().find(：checkbox).attr(checked，flag)；} 做了一点小改动。

jquery都封装了哪些方法

简写事件 为了使开发者更加方便的绑定事件，jQuery 封装了常用的事件以便节约更多的代码。 称之为简写事件。

如：left：+=10pxanimate()可以设置队列动画，即动画的不同属性按顺序写，他就会按顺序执行stop（stopAll，goToEnd） 该方法在动画执行完之前就可以结束动画。

如果说想给某个元素动态添加动画样式，可以通过jquery来实现给动画对象添加类，然后监听动画结束事件，一旦监听到动画结束，立即移除前面添加的类。

如何封装jquery插件

：CDN引入，在head标签中加入下列代码 2：本地引入，这种方法要求本地有jquery.js： jquery可以到其guan 网下载，guan 网地址是； JQuery是继prototype之后又一个优秀的Javascript库。

首先引入animate css文件给指定的元素加上指定的动画样式名这里包括两个class名，第一个是基本的，必须添加的样式名，任何想实现的元素都得添加这个。第二个是指定的动画样式名。

封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。

类级别的插件开发 类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。

文章标题：jquery功能封装 jquery封装原理
文章分享：http://ybzwz.com/article/dggcohe.html