📜  jquery 删除 css 样式 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:13.110000             🧑  作者: Mango

jQuery 删除 CSS 样式

在前端开发中,我们常常需要使用 jQuery 来操作 DOM 元素和样式。有时候我们需要删除一个元素的 CSS 样式,这时可以使用 jQuery 的 .removeAttr() 方法或 .css() 方法来实现。

使用 .removeAttr() 方法

.removeAttr() 方法可以删除 DOM 元素的指定属性,包括 CSS 样式属性。

示例代码:

$('selector').removeAttr('style');

其中 selector 是你要删除样式的元素的选择器。

该代码会删除 selector 元素上的所有 CSS 样式属性。

使用 .css() 方法

.css() 方法可以设置或获取指定元素的 CSS 属性值。如果将属性值设置为空字符串,相当于删除该属性。

示例代码:

$('selector').css('property', '');

其中 property 是你要删除的 CSS 属性名称,selector 是你要删除样式的元素的选择器。

该代码会删除 selector 元素上的 property 属性。

总结

使用 jQuery 删除 CSS 样式可以使用 .removeAttr() 方法和 .css() 方法。.removeAttr() 方法可以删除 DOM 元素的所有属性,包括 CSS 样式属性。.css() 方法可以设置或获取指定元素的 CSS 属性值,将属性设置为空字符串相当于删除该属性。