jQuery删除元素属性

使用 removeAttr() 方法删除属性

removeAttr() 是 jQuery 提供的专门用于删除元素属性的方法。传入需要删除的属性名（字符串）即可。
示例代码：

// 删除 id 为 "example" 的元素的 class 属性
$("#example").removeAttr("class");

支持同时删除多个属性，属性名之间用空格分隔：

// 删除元素的 class 和 title 属性
$("#example").removeAttr("class title");

通过 attr() 方法置空属性

通过 attr() 将属性值设置为 null 或空字符串也能实现删除效果：

// 两种等效方式
$("#example").attr("class", null);
$("#example").attr("title", "");

注意事项

• 布尔属性（如 disabled、checked）：推荐使用 prop() 方法控制状态而非删除属性。
• 性能差异：removeAttr() 是直接移除属性，而 attr() 置空可能在某些浏览器中保留属性节点。
• 兼容性：两种方法在所有主流浏览器中均有效。

实际应用示例

删除表单元素的 readonly 属性允许用户编辑：

$("input[type='text']").removeAttr("readonly");

移除图片的 src 属性（需谨慎操作）：

$("#banner-img").removeAttr("src");