jQuery表单选择器：快速选择＜input＞标签
在jQuery中，你可以使用:input选择器来选择所有的<input>、<textarea>、<select>和<button>元素。如果你想要选择所有的<input>元素，你可以直接使用$('input')。
以下是一个简单的例子，它展示了如何使用jQuery选择所有的<input>标签：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Input Selector Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form id="myForm">
<input type="text" name="username" placeholder="Username">
<input type="password" name="password" placeholder="Password">
<input type="email" name="email" placeholder="Email">
<input type="submit" value="Submit">
</form>
<script>
$(document).ready(function() {
// 选择所有的<input>标签
var inputs = $('#myForm input');
// 可以在这里对inputs变量进行操作
console.log(inputs.length); // 输出选中的<input>标签的数量
});
</script>
</body>
</html>在这个例子中，$('#myForm input')选择了表单myForm内的所有<input>元素。你可以通过控制台输出来查看选中的元素数量。
评论已关闭