Jquery学习笔记(表单、表格的操作)

Jquery对表单、表格的操作及更多应用

表单应用

一个表单有3个基本组成部分
(1) 表单标签: 包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法
(2) 表单域: 包含文本框，密码框，隐藏域，多行文本框，复选框，单选框，下拉选择框，文本上传框等
(3) 表单按钮: 包括提交按钮，复位按钮和一般按钮，用于将数据传送到服务器上或者取消传送，还可以用来控制其他定义了处理脚本的处理工作

单行文本框应用

最基本的，失去和获取焦点该表样式

多行文本框应用

通过-+按钮控制文本框的高度 height()方法可以获取高度,可以配合动画
滚动条高度变化等

复选框应用

对复选框进行全选，反选和全部选等操作
$('#CheckedRev').click(function(){
    $('[name=items]:checkbox').each(function(){
        this.checked=!this.checked
    }); 
});
通过prop('checked', true)和each循环等实现功能


使用prop()的时候，返回值是标准属性:true/false,比如$('#checkbox').prop('disabled'),不会返回"disable"或者"",只会返回true/false
那么哪些属性应该用attr访问，哪些应该用prop访问呢?
第一个原则: 只添加属性名称该属性就会生效应该使用prop()
第二个原则: 只存在true/false的属性应该使用prop()
按照官方说明，如果是设置disabled和checked这些属性，应使用prop()方法

下拉框应用

典型应用，将左边下拉框区域添加到右边下拉框区域
书P149

表单验证

表格应用

普通的隔行变色

单选框控制表格行高亮

复选框控制表格行高亮 (三元运算表达式)

表格展开关闭

表格内容筛选 filter()筛选方法，可以实现表格内容的过滤