Question

我想把背景颜色和不透明度放在两个div块中，嗨我已经将我的代码放在html javascript文件中，有人能告诉我如何通过j查询代码。使用我的div块id＆＃34; result2如何使用jquery＆＃34; 为div块添加背景颜色和不透明度我的div块代码是，我的jquery代码是，但它不是2 div块，请告诉我解决方案

$('#result2').css('background-color', '#066B12').css({ opacity: 0.2 });
$('#result3').css('background-color', '#066B12').css({ opacity: 0.2 });
<div id="result2">
    <div>
         <img src="" class="pImage" style="width:30%;height:127px;float:left">                                 
    </div>
        <div style="width:70%;float:right;color:#FFFFFF">
          <div class="name"></div>
          <div class="country"></div>
          <div class="card_content" align="center"></div>
    </div>
</div>

Answer 1

将代码包装在DOM ready事件中：

$(document).ready(function(){
   $('#result3,#result2').css({'background-color': '#066B12','opacity': '0.2'});
});

Answer 2

这里不需要使用jQuery，你可以改为使用纯CSS：

#result2, #result3 {
    background-color: #066B12;
    opacity: 0.2;
}

由于您将DOM放在脚本之后，因此需要将其包装在DOM ready handler $(function(){...});中。您还可以通过在{ }中指定多个css属性来缩短代码：

$(function() {
    $('#result3,#result2').css({'background-color': '#066B12','opacity': '0.2'})
});

尝试：

$(function() {
    $('#result3,#result2').attr("style", "background-color:#066B12; opacity: 0.2 !important");
});

如何为div块添加背景颜色和不透明度？

2 个答案: