[随记]锋利的jQuery 第五章 jQuery对表单、表格的操作及更多应用

第五章 jQuery对表单、表格的操作及更多应用

5.1 表单应用

当文本框获取焦点后,它的颜色需要有变化；当它失去焦点后，则要恢复为原来的样式。可以使用CSS中的伪类选择符来实现如下：

input:focus,textarea:focus{

border: 1px solid #f00;

background: #fcc;

}

但是IE6并不支持除超链接元素之外的:hover伪类选择符，此时可以用jQuery来弥补IE6对CSS支持的不足。

与控制高度的方法相同，只不过此处需要控制的是另一个属性，即scrollTop。

提醒元素：需要在创建提醒元素前,将当前元素以前的提醒元素都删除。可以使用remove()方法来完成。

为了使表单填写准确，在表单提交之前，需要对表单的必须填写元素进行一次整体的验证。可以直接用trigger()方法来触发blur事件，从而达到验证效果。

为了达到用户提出的需求，需要给表单元素绑定keyup事件和focus事件，keyup事件能在用户每次松开按键时触发，实现即时提醒；focus事件能在元素得到焦点的时候触发，也可以实现即时提醒。

客户端的验证仅用于提升用户操作体验，而服务器端仍需对用户输入的数据的合法性进行校验。对于禁用了脚本的用户和用户自制的网页提交操作，必须在服务器端验证。

5.2 表格应用

$("tr:odd")和$("tr:even")选择器中索引是从0开始的，因此第1行是偶数。

5.3 其他应用

通过css("font-size")获取的元素字体大小包含数字和单位，例如：16px。然后使用parseFloat()方法去年单位，因此16px就变成了16。

网页换肤的原理就是通过调用不同的样式表文件来实现不同皮肤的切换，并且需要将换好的皮肤记入Cookie中，这样用户下次访问时，就可以显示用户自定义的皮肤了。