JQ五星好评效果
$(".list-txt ul").find("li").click(function(){
if($(this).index()==0){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(1).removeClass("start");
$(this).parents("ul").find("li").eq(2).removeClass("start");
$(this).parents("ul").find("li").eq(3).removeClass("start");
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
}
};
if($(this).index()==1){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(2).removeClass("start");
$(this).parents("ul").find("li").eq(3).removeClass("start");
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
}
};
if($(this).index()==2){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(3).removeClass("start");
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
$(this).parents("ul").find("li").eq(1).addClass("start");
}
};
if($(this).index()==3){
if($(this).hasClass("start")){
$(this).parents("ul").find("li").eq(4).removeClass("start");
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
$(this).parents("ul").find("li").eq(1).addClass("start");
$(this).parents("ul").find("li").eq(2).addClass("start");
}
};
if($(this).index()==4){
if($(this).hasClass("start")){
}else{
$(this).addClass("start");
$(this).parents("ul").find("li").eq(0).addClass("start");
$(this).parents("ul").find("li").eq(1).addClass("start");
$(this).parents("ul").find("li").eq(2).addClass("start");
$(this).parents("ul").find("li").eq(3).addClass("start");
}
};
var num=$(this).parents("ul").find(".start").length;
$(this).parents(".list-txt").find("input").val(num)
})
JQ五星好评效果的更多相关文章
- 如何用jQuery实现五星好评
jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率. Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了. 接下 ...
- jQuery实现简单的五星好评
最近一直在认真的努力工作,今天工作完成得差不多了,比较轻松点,在工作中有遇到用jq实现五星好评功能,觉得简单又有用,所以空闲时间就想分享出来. css部分: <style> .u_star ...
- 亲,麻烦给个五星好评!—RatingBar
引言 上一篇的CheckBox已经让大家越来越接近实战演练了,本章我们继续分享干货给大家,今天介绍一个实用的UI控件RatingBar(星级评分条),对于使用过电商APP(某东,某宝等)的小伙伴们来说 ...
- JQ实现弹幕效果
JQ实现弹幕效果,快来吐糟你的想法吧 效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html> <head> <meta charse ...
- js五星好评
一般我们在一些购物以及美食的网站都会看到五星好评之类的,一下是使用js制作的五星好评! <!DOCTYPE html> <html lang="en"> & ...
- 修改css样式+jq中的效果+属性操作+元素操作
:checked 选框选中的 一.修改css样式: 1.参数只写属性名,则返回属性值 $(this).css( ' color '); //300px 2.参数是属性名,属性值,逗号分隔,是 ...
- 五星评分效果 原生js
五星评分在很多地方都可以用到,网上也有插件或者相应的代码,在这里我给大家提供一款我自己写的超级简单实用的五星评分代码,连图片都不需要 <!-- 评分start --> <ul> ...
- 今天讲的是JQ 的动画效果
老规矩,先贴代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> < ...
- jq菜单折叠效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
随机推荐
- C++多线程学习之(一)——并发与多线程
1 并发 计算机领域的并发指的是在单个系统里同时执行多个独立的任务,而非顺序地进行一些活动. 1.1 并发的途径 多进程并发:将应用程序分为多个独立的进程,它们在同一时刻运行,就像同时进行网页浏览和文 ...
- RDD概念、特性、缓存策略与容错
一.RDD概念与特性 1. RDD的概念 RDD(Resilient Distributed Dataset),是指弹性分布式数据集.数据集:Spark中的编程是基于RDD的,将原始数据加载到内存变成 ...
- 2018.3.29 div内容格式设置
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
- [福大软工] W班 总成绩排行榜
评分链接 作业1 作业2 作业3 作业4 总分排名
- C++之异常捕获和处理
一.简介 在C++语言中,异常处理包括:throw表达式,try语句块,一套异常类.其中,异常类用于在throw表达式和相关的catch子句之间传递异常的具体信息.exception头文件定义了最 ...
- 十款不容错过的Swift iOS开源项目及介绍
1.十款不容错过的Swift iOS开源项目. http://www.csdn.net/article/2014-10-16/2822083-swift-ios-open-source-project ...
- python3变量和数据类型
变量和数据类型 知识点 python 关键字 变量的定义与赋值 input() 函数 字符串的格式化 实验步骤 每一种编程语言都有它们自己的语法规则,就像我们所说的外语. 1. 关键字和标识符 ...
- 第四十六条:for-each循环优先于传统的for循环
for(Elements e : list) { //doSomeThing-- }
- EMC CX4-480服务器raid磁盘数据恢复案例
[用户信息]上海某公司 [故障描述]需要进行数据恢复的设备是一台EMC CX4的存储服务器,因为硬盘出现故障导致整个存储阵列瘫痪.整个LUN是由7块1TB的硬盘组成的RAID 5.但服务器共有10块硬 ...
- XML之自动生成类,添加,修改,删除类的属性
1. class ClassHelperDemo { public static void Main() { #region 演示一:动态生成类. //生成一个类t. Type t = ClassHe ...