如何使用set Attribute方法更改jquery中的css?

时间:2016-03-18 20:16:43

标签: javascript jquery html css

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

这是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;

}
请告诉我我做错了什么

感谢...

1 个答案:

答案 0 :(得分:1)

使用jQuery尝试以下方法。 --update 代码中的所有内容都很好。只需将其修改为以下

即可
 $(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