《锋利的jQuery》读书笔记 第5章 jQuery对表单、表格的操作及更多应用

1.如果需要当文本框获取焦点后，它的颜色有变化；当它失去焦点后，则恢复为原来的样式，可以使用CSS中的伪类选择符来实现以上的功能 （P141）
input:foucs {
background: #fcc;
}
当时IE6不支持<a>之外的:hover伪类选择符（IE7也不支持上述代码），此时可以用jQuery来弥补IE6对CSS支持的不足：
首先定义一个类名为focus的样式
.focus {
background: #fcc;
}
然后为文本框添加获取和失去焦点事件
jQuery代码：
$(":input").focus(....).blur(...);

2.表单认证：首先要实现的是当对输入框失去焦点时检测可以通过$('form :input').blur(...);来实现，如果希望在输入时提醒可以通过$('from :input).blur(...).keyup(function() { $(this).triggerHandler("blur");});来实现。 （P152）

3.表格隔行表色：$("tbody>tr:odd").addClass("odd"); $("tbody>tr:even").addClass("even"); （P158）

--------------------------------------------------

author: cs_cjl

website: http://blog.csdn.net/cs_cjl

--------------------------------------------------

4.控制表格行高亮： （P159）
4.1 首先，设定高亮的样式类例如： .highlight
4.2 如果表格同一时间内只有一行能高亮，那就将当前选择的行高亮然后将所有兄弟节点的高亮样式删掉
4.3 如果表格允许多行同时高亮，那就点击表格行的时候判断，如果已经是高亮，则删除高亮样式，如果不是高亮则添加高亮样式

5.网页换肤： （P169）
通过不同的样式表来实现不同的皮肤效果，然后通过jQuery根据用户选择导入不同的样式表来实现换肤效果，同时可以使用cookie（jQuery插件jquery.cookie.js）来记录上次选择的皮肤，启动网页时，检测cookie设置皮肤。