jquery – 如何使用.css()向元素添加多个CSS样式

我知道如何使用jQuery和 JavaScript为嵌套元素添加样式但由于某种原因我无法弄清楚如何将样式添加到深层嵌套元素.

我正在为我的网站使用WordPress,它在我试图达到的元素周围添加了一堆div.

我正在尝试使用类名.bx-wrapper设置元素的样式.但是,我只想设置嵌套在类.associate-wrapper中的.bx-wrapper.

这是我目前的HTML：

<div class="row associate-wrapper">
  <li id="black-studio-tinymce-16" class="widget">
    <div class="textwidget">
      <div class="row"></div>
      <div class="col-md-12 text-center"></div>
      <div class="col-md-12 text-center">
        <div class="bx-wrapper">
          <p>content....</p>
        </div>
      </div>
    </div>
  </li>
</div>

这是我目前的非工作jQuery：

$('.associate-wrapper').find('.bx-wrapper').css('position', 'absolute', 'margin-top', '30px');

由于您要在jQuery .css()标记中添加多个属性,因此需要对.css()语法稍作调整,如下所示：

$('.associate-wrapper').find('.bx-wrapper').css({'position': 'absolute', 'margin-top': '30px'});

JSFiddle with above script

或者您可以像CSS一样更改选择器,如上所述,因为您要在jQuery .css()标记中添加多个属性,所以您必须像这样编写脚本：

$('.associate-wrapper .bx-wrapper').css({"position": "absolute", "margin-top": "30px"});

JSFiddle with above script