利用jquery实现电商网站经常使用特效之：五星评分

这篇文章主要为你们详细介绍了基于jquery实现五星好评，具备必定的参考价值，感兴趣的小伙伴们能够参考一下

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

1.引入jQuery

例子中我使用的是在线jQuery：

<script src="/jquery/1.10.0/jquery.min.js"></script>

2.jQuery方法说明：

prevAll：若是给定一个表示 DOM 元素集合的 jQuery 对象，.prevAll() 方法容许咱们在 DOM 树中搜索这些元素前面的同胞元素，并用匹配元素构造一个新的 jQuery 对象。

nextAll：若是给定一个表示 DOM 元素集合的 jQuery 对象，.nextAll() 方法容许咱们搜索 DOM 树中的元素跟随的同胞元素，并用匹配元素构造新的 jQuery 对象。

addClass：向被选元素添加一个或多个类。

removeClass：从被选元素移除一个或多个类。

html：该方法返回或设置被选元素的内容 (inner HTML)。当使用该方法设置一个值时，它会覆盖全部匹配元素的内容。

text：该方法方法设置或返回被选元素的文本内容。当该方法用于返回一个值时，它会返回全部匹配元素的组合的文本内容（会删除 HTML 标记）。

3.样式css

简单样式：

* { padding: 0; margin: 0; }

.comment { font-size: 40px; color: teal; }

.comment li { float: left; }

ul { list-style: none; }

4.html结构

 

5.完整代码：

仅列出关键jQuery代码：

 

效果：

博客园的前端群：640633433

欢迎你们关注个人微信号公众号，公众号名称：web前端EDU。扫下面的二维码或者收藏下面的二维码关注吧（长按下面的二维码图片、并选择识别图中的二维码）