jQuery删除元素属性

使用 removeAttr() 方法删除属性

removeAttr() 是 jQuery 提供的专门用于删除元素属性的方法。传入需要删除的属性名称（字符串形式）即可移除指定属性。

$("#elementId").removeAttr("disabled"); // 移除 disabled 属性
$("img").removeAttr("title"); // 移除所有图片的 title 属性

直接操作 DOM 属性

通过 jQuery 获取原生 DOM 对象后，可用原生 JavaScript 的 removeAttribute() 方法删除属性。需注意 jQuery 对象需通过 [0] 或 get(0) 转为 DOM 对象。

$("#elementId")[0].removeAttribute("data-value"); // 通过 DOM 方法移除
$(".classExample").get(0).removeAttribute("style"); 

动态移除多个属性

若需一次性移除多个属性，可通过循环或链式调用实现。属性名称以空格分隔传入 removeAttr()。

// 链式调用移除多个属性
$("#target").removeAttr("readonly").removeAttr("tabindex");

// 批量移除（空格分隔属性名）
$("input").removeAttr("disabled placeholder");

注意事项

• 移除 checked、selected 等布尔属性时，建议同时用 prop() 方法同步状态：

  $("checkbox").removeAttr("checked").prop("checked", false);

• 移除 style 属性会清除所有内联样式，需谨慎操作。
• 对 SVG 元素的部分属性（如 viewBox）可能需使用原生 DOM 方法移除。