jquery选择器name

jQuery 选择器通过 name 属性选取元素

在 jQuery 中，可以通过元素的 name 属性来选取 DOM 元素。以下是几种常用的方法：

使用属性选择器 通过 [name="value"] 语法选取具有特定 name 属性的元素：

$('[name="username"]') // 选取 name="username" 的元素

模糊匹配 name 属性 使用 ^=、$= 或 *= 进行部分匹配：

$('[name^="user"]') // 选取 name 以 "user" 开头的元素
$('[name$="name"]') // 选取 name 以 "name" 结尾的元素
$('[name*="ern"]')  // 选取 name 包含 "ern" 的元素

结合其他选择器 可以与其他选择器组合使用以提高精度：

$('input[name="email"]') // 选取 type="input" 且 name="email" 的元素
$('form[name="login"] .submit-btn') // 选取 form 内 class="submit-btn" 的元素

注意事项

• 如果 name 包含特殊字符（如 []），需使用双引号包裹
• 动态生成的元素需确保在 DOM 加载完成后执行选择
• 性能上，ID 选择器 > class 选择器 > 属性选择器

实际应用示例

表单元素操作

// 获取所有 name="interest[]" 的复选框选中值
var interests = $('[name="interest[]"]:checked').map(function() {
  return this.value;
}).get();

动态修改属性

// 修改 name="oldName" 的元素的属性
$('[name="oldName"]').attr('name', 'newName');

事件绑定

// 为 name="agree" 的单选框绑定事件
$('[name="agree"]').change(function() {
  if(this.checked) {
    console.log('条款已同意');
  }
});