《锋利的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.youkuaiyun.com/cs_cjl
--------------------------------------------------

 

4.控制表格行高亮：                         （P159）

     4.1 首先，设定高亮的样式类例如：     .highlight

     4.2 如果表格同一时间内只有一行能高亮，那就将当前选择的行高亮然后将所有兄弟节点的高亮样式删掉

     4.3 如果表格允许多行同时高亮，那就点击表格行的时候判断，如果已经是高亮，则删除高亮样式，如果不是高亮则添加高亮样式

5.网页换肤：         （P169）

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