Question

我怎样才能在jquery中转换css。我试过但它无法正常工作。请帮助任何人。

CSS：

#conpanel .cont .bs{
 background-color:#fff !important;
 border: 0px solid #ccc !important;
 border-width: thin 0px 0px 0px 0px  !important;
 padding: 3px 0 1px 22px !important;
}

#conpanel .cont.bg{
border-bottom: 0px solid #99bbd4;
border-top: medium none;}

Jquery的：

   $('#conpanel .cont .bs').attr('style', 'padding: 3px 0 1px 32px !important','border-width: thin 0px 0px 0px 0px  !important');   
   $('#conpanel .cont .bs').css({ 'background-color':'#fff !important','border': '0px solid #ccc !important'}); 
   $('#conpanel .cont .bs').css({'border': '0px solid #ccc !important'});

   $('#conpanel .cont .bg').css({'border-bottom': '0px solid #99bbd4','border-top': 'medium none'});

Answer 1

只需使用它就可以解决问题：

$('.bs').css('border-bottom','0px solid #99bbd4');

Answer 2

对于最后一行，您的选择器是错误的。我还将第一批添加到一个：

$('#conpanel .cont .bs').css({
    'background-color': '#fff !important',
    'border': '0px solid #ccc !important',
    'border-width': 'thin 0px 0px 0px 0px !important',
    'padding': '3px 0 1px 22px !important'
});    

$('#conpanel .cont.bg').css({
  'border-bottom': '0px solid #99bbd4',
  'border-top': 'medium none'
});

注意，我更改了#conpanel .cont.bg。这些覆盖将设置内联样式，因此您可能根本不需要“重要”，因为它们将覆盖您已设置的规则。

Answer 3

您的语法看起来正确。我想可能是你在css文件中使用!important以及尝试使用jQuery设置它。尝试从css文件中删除!important，看看是否修复了它。

HTML：

<div id="alter-div">
    <p>My Div</p>    
</div>

这是jQuery部分：

$("#alter-div").css({

  "background-color": "blue",
  "border": "1px solid black",
  "border-top": "1px solid red"

});

我怎样才能在jquery中转换css

3 个答案: