JQuery изменить CSS на IF заявление

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"}); 
}     

Он работает только с изменением CSS # 2, но когда Я добавляю # 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"); 
} 

метод The ​​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

Вы можете использовать ниже код для изменения CSS с помощью jQuery

// 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' 
    }); 
}