前端在处理含有大量数据提交的表单时，除了使用Form直接提交刷新页面之外，经常碰到的需求是收集表单信息成数据对象，Ajax提交。
而在处理复杂的表单时，需要一个一个区手动判断处理字段值，显得非常麻烦。接下来介绍的插件将解决这个问题。
使用jquery.serializeJSON，可以在基于jQuery或者Zepto的页面中，调用 .serializeJSON() 方法来序列化form表单的数据成JS对象。
下载：https://github.com/marioizquierdo/jquery.serializeJSON
只需要在jQuery或者Zepto时候引入即可 查看全文
jQuery中的each函数经常用来遍历DOM元素，在每次执行函数时，都会给函数传递传递当前的index和dom。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<ul> <li class="a"></li> <li class="a"></li> <li class="b"></li> <li class="a"></li> <li class="c"></li> <li class="a"></li> </ul> <script> $('li').each(function(index, item){ console.log(index); console.log(item); }); </script> |
我们试图绑定一些事件到DOM元素上的时候，我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢？在什么场合下用什么方法是最有效的呢?
当我们在开始的时候，有些知识是必须具备的：
下图仅仅是一个示例，这是一个在browser环境下的一棵模拟DOM树，在下面的代码中仅起到演示的作用： 查看全文
这是一个可以使得元素拥有像纸张一样的展开特效来显示更多内容的高度实验性jQuery插件。其中展开方向的步骤和数量都可以用参数指定。
PFold是一个可以使得元素像纸张一样展开效果的高度实验性插件。一个元素使用3D效果来展开展示更多其他内容。这个效果的实现原理是，一个元素有许多层次的折叠，其中每展开一次。元素的高宽都成倍增加，所以可以模仿一张已折叠的纸张的展开效果。
有很多参数提供选择，如每个展开/折叠步骤的方向和步数。
对于不支持CSS 3D transforms 、 transitions的浏览器，这里会提供一个回调的方法，也就是直接显示大页面，没有过渡的效果。
预览：http://xuanfengge.com/demo/201404/Pfold/
源码：https://github.com/xuanfeng/Pfold
| 名称 | 说明 | 举例 |
| #id | 根据元素Id选择 | $(“divId”) 选择ID为divId的元素 |
| element | 根据元素的名称选择, | $(“a”) 选择所有<a>元素 |
| .class | 根据元素的css类选择 | $(“.bgRed”) 选择所用CSS类为bgRed的元素 |
| * | 选择所有元素 | $(“*”)选择页面所有元素 |
| selector1, selector2, selectorN |
可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. | $(“#divId, a, .bgRed”) |