如何使用jQuery从span中添加和删除一些css?

时间:2012-02-11 08:43:04

标签: jquery

我有以下内容:

container.removeClass("ui-state-error-icon").removeClass("ui-icon-alert");
container.addClass("ui-state-error-icon").addClass("ui-icon-alert");

是否有一种简单的方法可以添加和删除以下CSS?

display: inline-block;

我查看了jQuery文档,发现了这个:

$(this).css("color","red");

但是如何删除显示参数?

由于

2 个答案:

答案 0 :(得分:3)

将其设为空jquery将删除参数

$(this).css("display","");

答案 1 :(得分:2)

你知道你可以像这样在removeClassaddClass传递几个类名,用空格分隔:

 container.removeClass("ui-state-error-icon ui-icon-alert");
 container.addClass("ui-state-error-icon ui-icon-alert"");

要更改“显示”css规则,请使用您在文档中看到的.css()

现在你不能完全添加或删除css规则,你必须用其他东西替换“display”的值,这取决于你想要实现的目标:

您可以将值设置为空字符串以删除内嵌 css规则。正如@nnnnnn所说,“display”的值将是 - 应用于元素的剩余css类中定义的值 - 或者元素类型的默认值“display”。

container.css('display', ''); 

规则“显示”的值 - display (css property)

Inline elements

Block-level elements