JQuery是一個廣泛應(yīng)用于網(wǎng)頁開發(fā)中的JavaScript庫。在其眾多實用功能中，點亮星星代碼是一種非常流行的技術(shù)。

$(document).ready(function(){
var starRating = $('.star-rating');  // 獲取星星元素
// 監(jiān)聽鼠標(biāo)移動事件
starRating.mousemove(function(e){
var width = $(this).width();
var xPos = e.pageX - $(this).offset().left;
var percentage = xPos / width * 100;  // 計算鼠標(biāo)位置百分比
$(this).find('.stars-inner').css('width', percentage+'%');  // 顯示相應(yīng)寬度的星星
});
// 監(jiān)聽鼠標(biāo)離開事件
starRating.mouseleave(function(){
$(this).find('.stars-inner').css('width', '0%');  // 移除所有星星
});
// 監(jiān)聽鼠標(biāo)點擊事件
starRating.click(function(e){
var width = $(this).width();
var xPos = e.pageX - $(this).offset().left;
var percentage = xPos / width * 100;  // 計算鼠標(biāo)位置百分比
var rating = Math.round(percentage / 10);  // 計算評分
$(this).find('.stars-inner').css('width', rating*10+'%');  // 顯示相應(yīng)寬度的星星，即完成評分
});
});

這段代碼的作用就是為網(wǎng)頁添加點亮星星的評分功能。當(dāng)鼠標(biāo)移動到星星上時，相應(yīng)數(shù)量的星星會高亮以展示當(dāng)前評分；用戶完成選擇后，評分會被鎖定。這個非常流行的技術(shù)不僅可以用在商品評價和評分等功能上，也可以用在其他方面，比如用戶滿意度調(diào)查等等。