📜  jQuery 创建星级评分程序

📅  最后修改于: 2020-11-27 01:05:59             🧑  作者: Mango

jQuery星级评价

用户(评论者)使用星级来对电影,餐馆,酒店,电视节目,特定服务和带有多个星级的特定产品等事物进行评分(反馈)。

以下示例说明了如何在jQuery中创建星级评分程序-

示例1:简单星级

在简单的星级评定中,星形符号用于提供特定产品的评分(评论)。通常,简单星级的范围介于1到5颗星之间。

句法:

我们使用以下语法在jQuery中创建一个简单的星级评定程序-

        $(document).ready(function() {
          $("#st1").click(function() {
              $(".fa-star").css("color", "black");
              $("#st1").css("color", "yellow");

          });

代码:




    
    
    
    
    
    
    
     jQuery simple star rating example 
    


    

jQuery simple star rating example

Rate our product :-

输出:

示例2:悬停星级

带有悬停的星级评定使用户无需单击星形图标即可提供特定产品的等级。将鼠标指针悬停在星形图标上,它会自动选择星形。

以下脚本用于在jQuery中将鼠标悬停创建星级。

$(document).ready(function() {
          $("#st1").hover(function() {
              $(".fa-star").css("color", "black");
              $("#st1").css("color", "yellow");

          });

码:




    
    
    
    
    
    
    
    
     jQuery simple star rating example 
    


    

jQuery star rating with hover

Please provide rating on our product :-