jQuery学习笔记— jQuery对表单、表格的操作以及更多应用

表单(Form)和表格(Table)都是HTML的重要组成部分，分别用于采集、提交用户输入的信息和显示列表数据。

一. 表单应用

一个表单有2个基本组成部分：

(1) 表单标签：包含处理表单数据所用的服务器端程序URL以及数据提交到服务器的方法。

(2) 表单域：包含文本框、密码框、隐藏域、多行文本框、复选框，单选框、下拉选项框和文本上传框等。

(3) 表单按钮：包含提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上或者取消传送，还可以用来控制其他定义了处理脚本的处理工作。

jQuery中attr() 和 prop()方法的区别：

哪些属性应该用 attr() 方法，哪些应该用 prop() 访问呢？

第一个原则：只添加属性名称该属性就会生效应该使用prop()；

第二个原则：只存在 true/false 的属性应该使用 prop()；

http://www.cnblogs.com/zhwl/p/3520162.html

具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()，详情见下图：

二. 表格应用

在CSS技术之前，网页的布局基本都是依靠表格制作的，当有了CSS之后，表格就被很多设计师抛弃。但不能盲目地抛弃表格，在改用表格的时候，还要用表格，例如数据列表。

http://www.w3school.com.cn/cssref/pr_tab_border-collapse.asp

border-collapse用于表格属性，表示表格的两边框合并为一条：

定义和用法

border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。

默认值：	separate
继承性：	yes
版本：	CSS2
JavaScript 语法：	object.style.borderCollapse="collapse"

可能的值

值	描述
separate	默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse	如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit	规定应该从父元素继承 border-collapse 属性的值。