五星好评代码jquery
时间: 2024-01-09 09:05:03 浏览: 78
jQuery 星星评分代码
5星 · 资源好评率100%
以下是一个使用jQuery实现五星好评的代码示例:
```html
<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/* 鼠标单击 */
$(".box ul li").click(function(){
var txt = ['非常差','差','一般','好','非常好'];
$(this).find(".star0").css("display","none");
$(this).prevAll().find(".star0").css("display","none");
$(this).nextAll().find(".star0").css("display","block");
$(".box ul .text").html(txt[$(this).index()]);
})
</script>
```
这段代码使用了jQuery库来实现五星好评的功能。当用户单击某个星星时,它会根据用户的选择显示相应的评价文本。代码中的`$(".box ul li")`选择器用于选中所有的星星元素,`.click()`函数用于绑定鼠标单击事件。在事件处理函数中,根据用户的选择,通过修改CSS样式来显示或隐藏星星元素,同时更新评价文本。
阅读全文