• 利用jquery实现电商网站常用特效之:五星评分


    这篇文章主要为大家详细介绍了基于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结构

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

     

    5.完整代码:

    仅列出关键jQuery代码:

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

     

    效果:

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

    博客园的前端群:640633433
    欢迎大家关注我的微信号公众号,公众号名称:web前端EDU。扫下面的二维码或者收藏下面的二维码关注吧(长按下面的二维码图片、并选择识别图中的二维码)

     

  • 相关阅读:
    根据外键名找到主表和关联表的相关列
    MS SQL 查询未提交的事务和执行的SQL语句
    Ionic 的常见问题
    从零开始在linux上搭建web服务器
    bat 批量提取指定目录下的文件
    tornado 协程 和 多线程
    HTML认识二
    HTML标签认识一
    HTML认识一
    使用Mysql执行SQL语句基础操作
  • 原文地址:https://www.cnblogs.com/liuying1/p/8151315.html
Copyright © 2020-2023  润新知