jQuery对表单、表格的操作及更多的应用 1 表单应用  一个表单有3个基本组成部分。  (1) 表单标签：包含处理表单数据所用的服务器端应用程序URL以及数据提交到服务器的方法  (2) 表单域：包含文本框、密码框、隐藏框、多行文本框、复选框、单选框、下拉选择框和  文件上传框等  (3) 表单按钮：包括提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上或者取消  传送，还可以用来控制其他定义处理脚本的处理工作。  1 单行文本框应用  jQuery代码如下：6.1.1.html  2 多行文本框应用  1. 高度变化     jQuery代码如下：6.1.2.1.html  2. 滚动条高度变化     在多行文本中，还有另外一个应用，就是通过控制多行文本框的滚动条的变化，使     文本框里的内容滚动。     jQuery代码如下：6.1.2.2.html  3 复选框应用  对复选框最基本的应用，就是对复选框进行全选、反选和全不选等操作。  jQuery代码如下：6.1.3.html  4 下拉框的应用  jQuery代码如下：6.1.4.html  5 表单验证  jQuery代码如下：6.1.5.html 2 表格应用  1 表格变色  1. 普通的各行变色     jQuery代码如下：6.2.1.1.html  2. 单选框控制表格行高亮     jQuery代码如下：6.2.1.2.html     代码中的$('table :radio:checked').parent().parent().addClass('selected');     是通过parent()方法逐步向父节点获取相应的元素的，也可以使用parents()方法     直接获取。     $('table :radio:checked').parents('tr').addClass('selected');     此外，如果通过has选择器也可以进一步简化，表示含有选中的单选框的行将     被高亮显示：$('tbody>tr:has(:checked)').addClass('selected');  3. 复选框控制表格行高亮     jQuery代码如下：6.2.1.3.html     在代码$(this)[hasSelected ? "removeClass" : "addClass"]('selected')中：     [hasSelected ? "removeClass" : "addClass"]这是一个三元运算符，结果为：     "removeClass"或者是"addClass"。因此     $(this)[hasSelected ? "removeClass" : "addClass"]('selected')其实代表这     两种情况     $(this)["removeClass"]('selected');     或者是$(this)["addClass"]('selected');     它等价于：     $(this).removeClass('selected');     或者是$(this).addClass('selected');  2 表格展开关闭  jQuery代码如下：6.2.2.html  3 表格内容筛选  jQuery代码如下：6.2.3.html 3 其他应用  1 网页字体大小  jQuery代码如下：6.3.1.html  2 网页选项卡  jQuery代码如下：6.3.2.html  3 网页换肤  jQuery代码如下：6.3.2.html

摘自：zhangda89的博客