jQuery 提供了一些方法来处理表单元素,包括获取和设置表单元素的值、属性和状态,以及在表单提交时执行操作。下面是一些常用的方法:
.val() 方法:用于获取或设置表单元素的值。例如,可以使用 $('#my-input').val() 获取文本框的值,或者使用 $('#my-input').val('New value') 设置文本框的值。
.attr() 和 .prop() 方法:用于获取或设置表单元素的属性。例如,可以使用 $('#my-checkbox').prop('checked') 获取复选框的选中状态,或者使用 $('#my-checkbox').prop('checked', true) 设置复选框为选中状态。
.serialize() 和 .serializeArray() 方法:用于将表单元素的值序列化为 URL 编码的字符串或数组。例如,可以使用 $('#my-form').serialize() 将表单的值序列化为字符串,或者使用 $('#my-form').serializeArray() 将表单的值序列化为数组。
.submit() 方法:用于提交表单。例如,可以使用 $('#my-form').submit() 提交表单。
底层原理是,jQuery 在底层使用了 DOM API 方法来处理表单元素。例如,.val() 方法使用了 DOM 的 value 属性来获取或设置元素的值,.attr() 和 .prop() 方法使用了 DOM 的 getAttribute 和 setProperty 方法来获取或设置元素的属性。当表单提交时,jQuery 会将表单的值序列化为 URL 编码的字符串,并将其作为请求体发送到服务器。jQuery 还提供了一些额外的特性,例如可以使用选择器来定位目标元素,并使用事件处理程序来在表单提交前或提交后执行操作。