如果我使用以下方法在特定元素上设置CSS值:
$('#element').css('background-color', '#ccc');
Run Code Online (Sandbox Code Playgroud)
我希望能够取消设置特定于元素的值并使用级联值,如下所示:
$('#element').css('background-color', null);
Run Code Online (Sandbox Code Playgroud)
但是这种语法似乎不起作用 - 这是否可以使用另一种语法?
提前致谢!
编辑:该值不是从父元素继承的 - 原始值来自元素级选择器.对不起任何混乱!
我有一个CSS课程
.Foo
{
width:20px;
}
Run Code Online (Sandbox Code Playgroud)
使用Jquery我想在事件上做类似的事情:
$(".Foo").css("width", "40px");
Run Code Online (Sandbox Code Playgroud)
这不起作用.这是错误的方法吗?我应该使用addClass()和removeClass()吗?
编辑:我发现了我的问题.这个命令确实有效.在我的特定应用程序中,在使用命令之前我没有使用类创建元素,因此在创建它们时没有任何更改.
基本上这个命令不会改变CSS样式规则,只改变使用该类的元素.
将样式属性添加到现有样式属性
我有一个 div 元素:
<div id="permissions" style="clear: both; float: left;">
Run Code Online (Sandbox Code Playgroud)
我想在 onsubmit 事件上设置边框:
<div id="permissions" style="clear: both; float: left; border: 1px #F00 solid; ">
Run Code Online (Sandbox Code Playgroud)
有没有办法做到这一点:将新的样式属性(边框)附加到现有样式(不读取现有样式)?
我正在寻找一些功能:
例:
我想做一些动画,然后在完成后进行一些操作:
$('.obs_list')
.delay(500)
.animate({
'background-color' : '#ffcc33'
}, 200)
.delay(1000)
.animate({
'background-color' : 'transparent'
}, 2000)
.THE_FUNCTION_I_AM_LOOKING_FOR()
.css({ 'color' : 'red' }) // this should come *after* the effects above are finished
...
Run Code Online (Sandbox Code Playgroud)
我想避免completeanimate函数的回调,因为你必须再次在其中调用jquery,它不是很优雅并打破了链:
...
.animate({
'background-color' : 'transparent'
}, 2000, function () {
$(this)
.css({ 'color' : 'red' })
...
});
Run Code Online (Sandbox Code Playgroud)
我讨厌这个解决方案.
我试图使用,.promise()但这打破了链,因为它显然没有返回正确的jQuery对象.请避免编写新的插件:-)