如果添加了类，jQuery添加样式？

Question

当我用jQuery向div添加类时，我遇到了问题:在这样做时，我还需要向<body>添加一些样式。

我有这样的事情：

<body>
.....
<div="class-one"></div>

我知道如何使用.class-one事件处理程序向jQuery添加类，但同时需要将overflow: hidden添加到<body>！

我的jQuery代码是：

$('body').on('click', '.button', function () {
    $(".class-one").toggleClass("active");
});

这是可以的，但是在<body>上切换.active类之后，如何向.class-one添加样式呢？我的意思是，如果.class-one变得活跃，那么<body>应该得到overflow:hidden。

谢谢!

Answer 1

var elements = document.getElementsByClassName("class-one");
elements[0].style.display="none";

你可以用那个密码。

Answer 2

您可以这样给jQuery和css：

$('body').on('click', '.button', function () {
     $(".class-one").toggleClass("active");
     $("body").toggleClass("overflow");
});

body.overflow{
  overflow:hidden;
}

Answer 3

使用this关键字。在这里，我演示了如何在单击时更改元素的样式。

$('body').on('click', '.button', function () {
       $(".class-one").toggleClass("active");
       $(this).css('background-color', '#ff0000');
    });

与其单击，我建议使用mouseover方法。

$( 'body' ).mouseover(function() {
   $(this).css('background-color', '#ff0000');
})

；