jQuery 给input存属性
简介
在前端开发中，经常会遇到需要给 HTML 元素添加属性的需求。对于 input 输入框来说，我们通常会给它们添加一些自定义的属性来存储额外的信息，比如用户ID、数据类型等。jQuery 是一个非常流行的 JavaScript 库，它提供了一些便捷的方法来操作 DOM 元素，包括添加和获取属性的方法。
本文将重点介绍如何使用 jQuery 给 input 元素添加属性，并提供一些代码示例来帮助读者更好地理解。
添加属性
使用 jQuery 给 input 元素添加属性，我们需要使用 attr() 方法。这个方法接受两个参数：属性名称和属性值。下面是一个简单的示例：
$("input").attr("data-user-id", 12345);
上面的代码表示给所有的 input 元素添加了一个名为 data-user-id 的属性，并将其值设置为 12345。可以使用类似的方式添加其他属性，比如 class、id 等。
获取属性
如果我们想要获取 input 元素的属性值，可以使用 attr() 方法的另一个形式，只传入属性名称作为参数。下面是一个示例：
var userId = $("input").attr("data-user-id");
上面的代码将会获取第一个 input 元素的 data-user-id 属性的值，并将其赋值给变量 userId。如果我们想要获取所有 input 元素的属性值，可以使用 jQuery 的 each() 方法遍历每个元素。下面是一个示例：
$("input").each(function() {
var userId = $(this).attr("data-user-id");
console.log(userId);
});
上面的代码会遍历所有的 input 元素，并打印它们的 data-user-id 属性的值。
示例代码
下面是一个完整的示例，展示了如何使用 jQuery 给 input 元素添加和获取属性：
<!DOCTYPE html>
<html>
<head>
<script src="
</head>
<body>
<input type="text">
<input type="text">
<input type="text">
<script>
$("input").attr("data-user-id", 12345);
$("input").each(function() {
var userId = $(this).attr("data-user-id");
console.log(userId);
});
</script>
</body>
</html>
上面的示例中，我们给所有的 input 元素添加了一个名为 data-user-id 的属性，并将其值设置为 12345。然后，使用 each() 方法遍历所有的 input 元素，并打印它们的 data-user-id 属性的值。
总结
通过本文的介绍，我们了解到了如何使用 jQuery 给 input 元素添加和获取属性。通过 attr() 方法，我们可以方便地操作元素的属性，为我们的前端开发提供了便利。
值得注意的是，jQuery 仅仅是一个 JavaScript 库，它并没有扩展 HTML 元素的功能。因此，添加的属性在 HTML 文档中仍然是不可见的，只能通过 JavaScript 代码来获取和操作。
希望本文对读者能够有所帮助，如果有任何问题或疑惑，请随时留言交流。
关于计算相关的数学公式
在前端开发中，有时候需要进行一些计算，比如计算两个数的和、差、乘积或商。这涉及到一些基本的数学公式，下面是一些常见的计算公式：
- 加法公式：
a + b = c - 减法公式：
a - b = c - 乘法公式：
a * b = c - 除法公式：
a / b = c
在实际的项目中，我们可以根据具体的需求来使用这些公式进行计算操作。
流程图
下面是一个简单的流程图，展示了使用 jQuery 给 input 元素添加和获取属性的过程：
st=>start: 开始
op1=>operation:
