用div选择属性?

时间:2015-08-24 16:47:38

标签: javascript jquery css

我想制作一些可以选择的div。 (也选择多个)所以我在互联网上搜索任何可能性,我发现了这个:

http://www.w3schools.com/tags/att_select_multiple.asp

在那里它可以选择multipe元素,但是是一个选择,我想使用div。当我选择一个div时,它的背景也会改变,这将是美妙的。

是否有结果呢?

1 个答案:

答案 0 :(得分:0)

添加你的divs元素并将css应用于它,这是一个使用jquery的例子。



$('.child').on('click', function () {
    $(this).toggleClass('selected');
  });

.child {
  width: 100px;
  height: 30px;
  display: inline-block;
  border: 1px solid #eee;
  border-radius: 4px
  margin-right: 10px;
}

.child:hover {
  cursor: pointer;
}

.child.selected {
    background-color: crimson;
  
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="parent">
  <div class="child selected"></div>
  <div class="child"></div>
</div>
&#13;
&#13;
&#13;