Javascript 如何使用Jquery添加和删除类以及设置和删除cookie

大家好， 我对这件事还不太熟悉，我有点不知所措。我会尽量保持简短

我有2 x 3个按钮。请跟随我，我不能发布照片。。。 在图中，上面一行按钮是：hover类，标准越低。 所有6个按钮都有一个div和一个css样式。black1+。black1:hover按类与它们耦合。HTML:

最后一个问题：我有第二个计划，不是2 x 3，而是5 x 3个按钮，用于指导备用样式表。有没有更简单的方法来完成这一切

---

我感谢你的时间和努力。我知道我从我犯的每一个错误和你能给我的每一个答案中学到了东西。

我不确定你的问题，但也许这个解决方案会有所帮助

A1

A2

---

A3。参见A2。

太棒了！！！我喜欢。它慢慢地变得越来越复杂，但我让这部分工作得很有魅力！现在是替代样式表的内容。一旦我有了完整的网站准备好，我会在这里发布一个链接，这样你就可以看到你的劳动成果以及；谢谢你，雷蒙德。

<div><a id="black" href="#" class="black1">Black</a></div>
<div><a id="black_day" href="#" class="gr_light_off"></a></div>
<div><a id="black_month" href="#" class="re_light_on"></a></div>
<div><a id="white" href="#" class="red1">White</a></div>
<div><a id="white_day" href="#" class="gr_light_off"></a></div>
<div><a id="white_month" href="#" class="re_light_on"></a></div>

<a id="black" href="#" onclick="$(body_bg).removeClass('bg_gray bg_white'),
$(body_bg).addClass('bg_black');">

<a id="black_day" href="#" class="gr_light_off" onclick="
$(this).removeClass('gr_light_off'), $(white_day).removeClass(),
$(this).addClass('gr_light_on'), $(white_day).addClass('gr_light_off');"></a>

$(document).ready(function() {
  $("#black_day").click(function() {
    $(this).removeClass('gr_light_off');
    $(this).addClass('gr_light_on');
    $(white_day).removeClass();
    $(white_day).addClass('gr_light_off');
    $.cookie.del("styleday");
    $.cookie.set("styleday", "black", { path: '/', expiresAt: 23:59 });
  });
});

$('.black1').live('click', function(){
  $('#body_bg').removeClass('bg_gray bg_white').addClass('bg_black');
});

$('.gr_light_off').live('click', function(){
  // remove all gr_light_on class on every button that has gr_light_on class
  $('.gr_light_on').removeClass('gr_light_on');
  // add gr_light_on to this button
  $(this).removeClass('gr_light_off').addClass('gr_light_on');

  // clear then set the cookies
  $.cookie.del("styleday");
  if($(this).is('#black_day')){
    $.cookie.set("styleday", "black", { path: '/', expiresAt: 23:59 });
  }
  else if($(this).is('#white_day')){
    // set cookie for white style
  }
});

$('.gr_light_on').live('click', function(){
  // opposite with gr_light_off
});

// repeat for re_light_off etc..