javascript - 如何使用 set Attribute 方法更改 jquery 中的 css？

Question

我有一个简单的 jquery ios 按钮，我希望当用户点击它并且它打开时，页面的背景颜色应该是黑色，当按钮关闭时背景颜色应该是红色......

这是 jsfiddle:https://jsfiddle.net/urbb4rgx/

我附加到 jquery 的内容:

var one = getElementsByClassName("switch"),
var two = getElementsByClassName("switchOn"),
if (two.hasOwnProperty("switchOn")) {

    document.getElementsByClassName("switchOn").background: red;

}
else {

        document.getElementsByClassName("switchOn").background: black;

}

请解释我做错了什么

谢谢...

Answer 1

使用 jQuery 尝试以下操作。 - 更新您的代码中的一切看起来都很好。修改成如下即可

 $(document).ready(function(){
    $('.switch').click(function(){

       $(this).toggleClass("switchOn");

  $("body").toggleClass("black");

 });

      $('.switchBig').click(function(){
          $(this).toggleClass("switchBigOn");
     });
});

您需要创建一个类来设置默认背景颜色:

body {
background-color:red; 
}

.black{
 background-color:black; 
}

这里的工作示例:http://codepen.io/theConstructor/pen/bpgPvB