IF语句上的jQuery CSS更改
IF语句上的jQuery CSS更改
提问于 2013-06-26 17:42:07
我正在处理jQuery中的一个项目，并且我选择了多个CSS在一个条件下进行更改：
if (jQuery('#1').is(":visible")) {
jQuery('#2').css({"border-top":"0px", "border-bottom":"7px solid #0767B1"});
jQuery('#3').css({"display:table-cell"});
} 它只适用于#2 css更改，但当我添加#3时，它不再起作用。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-06-26 17:44:46
去掉引号中的:：
jQuery('#3').css({ //this is used for multiple values
"display":"table-cell"
}); 或者像这样：
jQuery('#3').css("display","table-cell"); //for single values 更多信息请访问Jquery .css() syntax
Stack Overflow用户
发布于 2013-06-26 17:44:13
像这样试一下：
if (jQuery('#1').is(":visible")) {
jQuery('#2').css({"border-top":"0px", "border-bottom":"7px solid #0767B1"});
jQuery('#3').css("display", "table-cell");
} 可以通过两种方式使用jQuery .css()方法。您可以操作单个属性，它看起来像.css("attribute", "value");，也可以操作多个值，但这有不同的写法：.css({"attribute" : "value", "attribute2" : "value"});。但是你也可以使用第二种方法(就像你尝试的那样)来处理单个属性，我没有注意到你的小错误，但正如Vucko提到的那样，你只是忘了用"包围:，所以这个解决方案就是你想要的(但它通常用于多个参数，因为你使用了{ }括号)：
jQuery('#3').css({"display":"table-cell"}); 我的建议是使用单一属性表示法：
jQuery(‘#3’).css(“显示”，“表格单元格”)；
Stack Overflow用户
发布于 2013-06-26 18:31:38
您可以使用下面的代码通过jquery更改css
// For single values :
if($('#example').css('background-color','yellow')) {
$('#1').css("display","none");
}
// For Multiple values :
if($('#example').css('background-color','yellow')) { // Condition code
$('#1').css("display","none");
$('#2').css({
'background-color' : 'yellow',
'font-weight' : 'bolder'
});
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17316632
复制相关文章
相似问题
腾讯云开发者
