<div class="client"><span class="client_title">选择您的游戏客户端</span><ul class="client_type"><li class="ioswx">苹果微信</li><li class="androidwx">安卓微信</li><li class="iosqq">苹果QQ</li><li class="client_l">安卓QQ</li></ul>
</div>
<script type="text/javascript">$(function(){$(".ioswx").addClass("licolor");$(".client_type li").click(function() {$(this).siblings('li').removeClass('licolor');  // 删除其他兄弟元素的样式

           $(this).addClass('licolor');                            // 添加当前元素的样式

       });});</script>

jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?相关推荐

  1. juqery追加li_jQuery添加li标签以及添加属性的方法

    这次给大家带来jQuery添加li标签以及添加属性的方法,jQuery添加li标签以及添加属性的方法的注意事项有哪些,下面就是实战案例,一起来看一下. pageEncoding="UTF-8 ...

  2. Html中解决点击 a 标签刷新的问题,实现点击时不刷新

    Html中解决点击 a 标签刷新的问题,实现点击时不刷新 参考文章: (1)Html中解决点击 a 标签刷新的问题,实现点击时不刷新 (2)https://www.cnblogs.com/iStu/p ...

  3. 关于去掉Li标签前面的小圆点和距离/显示下划线

    解决方法 去掉Li标签前面的距离:     设置ul   padding:0px; 去掉Li标签前面的小圆点: 设置li      list-style-type:none; 显示下划线:    te ...

  4. 百度地图API写的标记点点击跳动,当点击下一个标记点时停下上一个标记点的跳动

    setAnimation(BMAP_ANIMATION_BOUNCE)函数用来设置跳动动画,不带参数的setAnimation()可以清除跳动,实现点击下一个标记点时停止上一个标记点,可以采用思路,获 ...

  5. html点击a标签弹层播放视频,html中点击a标签视频在新页面播放

    今天刚好需要做一个点击视频,需要在新页面打开播放.一看到这里,我第一想法就觉得很简单啊,直接一个a标签,里面给一个target为blank,href值为视频播放地址不就好了.想好就开始干,当这样做完之 ...

  6. html a标签刷新,Html中解决点击 a 标签刷新的问题,实现点击时不刷新

    css(二) 本文是一些作者在长期写代码中总结的常用css查询,写在本博客中,方便以后查询. 1. 颜色属性:   color HEX(十六进制色:color: #FFFF00 --> 缩写:# ...

  7. 如何通过JS动态给li标签添加点击事件并跳转

    如何给li标签添加点击事件 一.HTML demo代码 二.JS动态新增li并绑定点击事件 三.效果图 有很长一段时间没写博客了,最近做了一个类似于榜单的小需求,遇到了一些小问题,姑且简单的记录一下吧 ...

  8. css里面li标签怎么加图片_分享三种给li标签添加图标的方法

    我们在页面布局时,经常会用到li标签,单独使用li标签比较单调,有时候为了页面效果,需要加入图片,那怎么在li标签中添加图片呢?这篇文章就和大家分享三种给li标签添加图标的方法,希望对你有用. 1.使 ...

  9. 如何将li标签前的圆点改为方形及改变大小颜色

    如何改变li标签前的圆点改为方形--改变其大小,颜色 正常写一个无序列表 运行结果: 一:将圆点改为方形 在body上方写<style></style>标签,将下面的代码写进标 ...

最新文章

  1. wowpve服务器优势,PVE服务器法师对本职业的一点看法
  2. ECMALL SEO 问题的解决方法
  3. Cassandra 数据模型设计,根据你的查询来制定设计——反范式设计本质:空间换时间...
  4. form表单获取input对象浏览器区别
  5. 使用IAM保护您的AWS基础架构
  6. 【WinForm】线程中向listview添加数据
  7. 数据算法之二叉树查找(BinaryTreeL Search)的Java实现
  8. 我有30万现金,如何规划理财,让钱生钱?
  9. oracle进行日志切换,Oracle存档日志切换案例操作
  10. [leetcode]5321. 阈值距离内邻居最少的城市
  11. CSS3之firefoxsafari背景渐变之争 - [前端技术][转]
  12. MFC CListCtrl实现双击编辑
  13. vscode安装程序员鼓励师插件
  14. Django菜鸟教程学习记录(一)
  15. 阿里云备案服务号是什么怎么用?
  16. iOS平台游戏安全再议之存档修改与防御
  17. 手机端点击<li>标签出现背景色的问题和解决方案
  18. Docker推送镜像到自己的阿里云卡住,也不报错
  19. 手写数字识别之联邦学习
  20. 学生党如何选择好的蓝牙耳机呢?蓝牙耳机高性价比点评

热门文章

  1. 软件研发的6sigma案例解析(转)
  2. fiq中断的入口地址_ARM 之FIQ(快速中断) IRQ(中断)
  3. RocketMQ运维监控
  4. 可快速部署的轻量级运维监控系统——WGCLOUD
  5. 网页全屏显示与退出全屏功能
  6. 【SAP】根据物料凭证批量查询对应的序列号并导出
  7. 新概念英语 Lesson 18
  8. 基础算法 - 冒泡排序
  9. 基于SSD的交通标志检测-介绍ssd算法
  10. 3~5年进入国内公有云前三,紫光云有备而来