我想要实现的是,我想使其像星级星级一样工作。当您输入鼠标时,星形变为黄色,当您离开鼠标时,星形变为灰色,如果再次单击,则变为黄色。
  没有获得实现的方法,我添加了代码以向您展示到目前为止我已经尝试过的内容。

JSfiddle



$(".na").hover(
  function () {
    $(this).addClass("clickstar");
  },
  function () {
    $(this).removeClass("clickstar");
  }
);
$(".na").on("click",function(){
  $(this).toggleClass("clickstar");
});

.clickstar{
  background: #00A1EF;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="na" style="border:1px solid #c0c0c0;border-radius:50%;width:115px;height:115px;display:inline-table;margin-right:5px;"></div>

最佳答案

您可以这样做:

$(".na").on("click",function(){
    $(this).toggleClass("clickstar");
});


Fiddle Example

09-12 02:07