基于jquery实现五星好评

网络编程基于jquery实现五星好评 06-21

在电商网站，我们经常会用到五星评分的功能，现在用jQuery实现一个简单的demo

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <title>五角星评分案例</title> 
  <style> 
    * { 
      padding: 0; 
      margin: 0; 
    } 
    .comment { 
      font-size: 40px; 
      color: teal; 
    } 
    .comment li { 
      float: left; 
    } 
    ul { 
      list-style: none; 
    } 
  </style> 
</head> 
<body> 
<ul class="comment"> 
  <li>☆</li> 
  <li>☆</li> 
  <li>☆</li> 
  <li>☆</li> 
  <li>☆</li> 
</ul> 
 
<script src="jquery-1.12.2.js"></script> 
<script> 
  $(function () { 
    var wjx_k = "☆"; 
    var wjx_s = "★"; 
    //prevAll获取元素前面的兄弟节点，nextAll获取元素后面的所有兄弟节点 
    //end 方法；返回上一层 
    //siblings 其它的兄弟节点 
    //绑定事件 
    $("li").on("mouseenter", function () { 
      $(this).html(wjx_s).prevAll().html(wjx_s).end().nextAll().html(wjx_k); 
    }).on("click", function () { 
      $(this).addClass("active").siblings().removeClass("active") 
    }); 
    $("ul").on("mouseleave", function () { 
      $("li").html(wjx_k); 
      $(".active").text(wjx_s).prevAll().text(wjx_s); 
    }) 
  }); 
</script> 
</body> 
</html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持积木网。

jQuery实现checkbox的简单操作
对复选框组的全选、全不选、不全选，获取选中的复选框的值的操作1.点击全选按钮，复选框组全部选中或者全部取消。2.实现全选按钮和复选框组的联

使用DataTable插件实现异步加载数据
table部分代码tableclass="tabletable-borderedtable-striped"id="table-main"theadtrth用户名/thth渠道名/thth游戏名/thth结果/thth耗时/thth创建时间/th/tr/thead/table异步加载数据

jquery ztree实现右键收藏功能
公司用到ztree。近期把工作中需要的做个总结html部分：js和cssjs:总结以上所述是小编给大家介绍的ztree实现右键收藏功能，希望对大家有所帮助，如果大

编辑：568数据

标签：全选,复选框,节点,右键,兄弟