jquery根据name获取对象
jQuery 根据 name 获取对象的方法
使用 jQuery 根据元素的 name 属性获取对象,可以通过属性选择器实现。以下是几种常见的方式:
1. 基本属性选择器
通过 [name="value"] 选择器直接匹配指定 name 属性的元素:

var elements = $('[name="username"]');
2. 模糊匹配
如果需要匹配 name 包含特定字符串的元素,可以使用以下方式:
- 包含字符串:
$('[name*="user"]'); - 以字符串开头:
$('[name^="user"]'); - 以字符串结尾:
$('[name$="name"]');
3. 结合表单元素类型
可以进一步限定元素类型,例如只选择 input 元素:

var inputs = $('input[name="email"]');
4. 获取多个相同 name 的元素
如果页面中有多个相同 name 的元素(如复选框组),可以通过遍历操作:
$('[name="hobby"]').each(function() {
console.log($(this).val());
});
5. 动态生成的元素 对于动态添加到 DOM 的元素,需要使用事件委托:
$(document).on('click', '[name="dynamicBtn"]', function() {
// 处理逻辑
});
注意事项
- 如果
name包含特殊字符(如[]),需要使用双引号包裹:$('[name="user[age]"]'); - 返回的是 jQuery 对象,如需转为 DOM 对象可通过索引访问:
var domElement = $('[name="test"]')[0];






