1

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

4

3 回答 3

3

试试这样：

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 提到的，您只是忘记将:with包围"，所以这个解决方案就是您正在寻找的（但是当您使用{ }方括号时，它通常用于多个参数）：

jQuery('#3').css({"display":"table-cell"});

我的建议是使用单属性表示法：

jQuery('#3').css("display", "table-cell");

于 2013-06-26T09:44:12.790 回答
3

把引号:去掉： 

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

或者像：

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


更多关于 Jquery .css() 语法

于 2013-06-26T09:44:46.050 回答
0

您可以使用以下代码使用 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'
    });
}
于 2013-06-26T10:31:37.917 回答