且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

将类添加到元素

更新时间:2022-03-16 07:45:16

在不同的元素上使用相同的 id id 必须是唯一的,并尝试:

First of all don't use same id on different elements, id's must be unique and try this:

jQuery:

$('.menuitem').click(function() {
    $('.menuitem').removeClass('active');
    //removes active class from all menu items

    $(this).addClass('active');
    //adds active class to clicked one
});

html:

<div id="tab1" class="menuitem"></div>
<div id="tab2" class="menuitem"></div>

css:,您不需要为活动类定义相同的属性,只是定义区别:

css: you don't need to define same properties to active class, just define the difference:

.active { background-color: red; }

.menuitem {
  width: 170px;
  height: 70px;
  float: right;
  background-color: white;
}