利用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。掃下面的二維碼或者收藏下面的二維碼關注吧（長按下面的二維碼圖片、並選擇識別圖中的二維碼）