在Web开发中，常常会遇到需要在表单提交时防止用户重复点击提交按钮的情况，以免造成多次提交数据，或是因多次请求给服务器造成不必要的负担。这时，我们可以利用jQuery来实现一个提交按钮，在点击后变成“正在处理”的字样，并且禁用按钮，防止重复提交。接下来，我们将详细介绍这种技术实现的原理和具体的步骤。
我们来看看HTML表单提交的常规流程。在HTML中，一个普通的提交按钮通常如下所示：
```html
<input id="buttonid" type="submit" value="提交"/>
```
当用户点击这个按钮时，表单会将其数据发送到服务器。在这个过程中，页面会进行一次刷新，从而清空用户之前输入的所有数据，这在用户体验上并不是一个良好的设计。
为了提升用户体验，我们通常在按钮上添加一些动画效果，告诉用户数据正在提交中。而在数据提交过程中，通过JavaScript或jQuery来禁用按钮，防止用户重复点击。
接下来我们进入jQuery的世界。jQuery提供了一套强大的方法集合，可以让我们轻松地处理用户事件、修改DOM元素的属性和样式等。在这个特定的场景中，我们主要使用了`val()`和`attr()`这两个jQuery方法。
`val()`方法通常用于获取或设置表单元素（如输入框、选择框、提交按钮等）的值。在这个例子中，我们使用`val()`方法将按钮的值从“提交”改成“正在处理”。
`attr()`方法用于获取或设置元素的属性值。它不仅可以获取，还可以用来设置元素的属性，比如这里我们需要设置`disabled`属性，来禁用按钮。
现在我们来看看具体实现的代码：
```javascript
$("form").submit(function(){
$("#buttonid").val("正在处理");
$("#buttonid").attr("disabled","disabled");
});
```
上述代码中，我们通过选择器`$("form")`找到页面中的表单，并为它添加一个`submit`事件监听器。当表单即将被提交时，这个事件监听器会被触发。在监听器函数内部，我们使用`$("#buttonid")`选择器选中按钮，并连续执行两个操作：首先使用`val("正在处理")`将按钮的值改为“正在处理”，然后使用`attr("disabled","disabled")`将按钮设置为不可用状态。
这样，当用户点击按钮提交表单时，按钮会立即显示为“正在处理”，并且用户无法再次点击该按钮，直到表单数据成功提交，页面重新加载或者通过其他方式移除按钮的“disabled”属性。
我们还可以在此基础上进行扩展，例如在数据提交完毕后重新启用按钮，或者添加一个动画效果，使用户体验更加平滑。而在前端技术日新月异的今天，还可以考虑使用HTML5的`<button>`元素和相应的CSS样式来增强视觉效果。
以上就是使用jQuery实现提交按钮点击后变成“正在处理”字样并禁止点击的方法。通过本篇文章的讲解，相信读者对jQuery中`val()`和`attr()`方法的使用有了更深入的理解，并且能够应用于实际的Web开发中。
