Question

我正在研究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时，它不再起作用。

Answer 1

将:放在引号之外：

jQuery('#3').css({                        //this is used for multiple values
    "display":"table-cell"
});

或者喜欢：

jQuery('#3').css("display","table-cell"); //for single values

更多Jquery .css() syntax

Answer 2

试试这样：

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（“display”，“table-cell”）;

Answer 3

您可以使用以下代码使用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'
    });
}

IF语句中的jQuery CSS更改

3 个答案: