在电商网站，我们经常会用到五星评分的功能，现在用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实现右键收藏功能，希望对大家有所帮助，如果大