JQ的编程之美----选项卡及tab

JQ极好的DOM封装，丰富的选择器，艺术的链式编程都是很不错的体验，本文将讲述几个项目中常用的功能模块和简化写法。

1.全选和反选功能的实现

功能要求：

(1)选择点 全选 下面 五项选中。

(2)选择反选全部不选，如果部分选中，反选就选择之前未选的。

(3)下面五项选中，全选按钮自动被选中。

样板

HTML结构

html

JS部分

功能实现

2.标签页tab

很常见的的功能要求就不介绍了，直接上样板和代码。

样板

HTML

html

html

JS部分

js

可以看出js基本都是一两行完成的，这就是JQ的良好的DOM封装功能。