思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。
具体演示如下:
1、HTML结构:设计三个li元素
<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
</ul>
2、css样式:设计一个类selected,表示选中后的效果
<style>
.selected{font-weight:bold; background: #ff99cc; color:#fff;}
</style>
3、jQuery代码:
$(function(){
$("#test li").click(function() {
$(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式
$(this).addClass('selected'); // 添加当前元素的样式
});
});

  

最新文章

  1. HTTP权威协议笔记-4.连接管理
  2. mongodb(Index)
  3. 使用Fabric进行crash收集统计
  4. leetcode@ [315/215] Count of Smaller Numbers After Self / Kth Largest Element in an Array (BST)
  5. 自定义控件(视图)2期笔记03:自定义控件之使用系统控件(优酷案例之广告条Viewpager)
  6. ArcEngine 添加字段
  7. D. DZY Loves Modification
  8. Understanding Neural Networks Through Deep Visualization
  9. Spring boot(4)-应用打包部署
  10. 个人技术博客(alpha)
  11. go基础之数组和切片
  12. 我知道的nginx配置
  13. Redis资料整理
  14. div下面多个a标签的点击事件,并且获取a的属性
  15. Commonjs、AMD、CMD
  16. HTML5 简单归纳 -- 前端知识 (一)
  17. OAF日志使用总结
  18. iOS - UnitTests 单元测试
  19. CH1602 The XOR Largest Pair【Trie树】
  20. HDU 3790最短路径问题 [最短路最小花费]

热门文章

  1. Struts2基础学习2
  2. 多任务版udp聊天器
  3. JAVAOOP接口
  4. 【LeetCode #179】Largest Number 解题报告
  5. 从coding.net 克隆(git clone)项目代码到本地报无权限(403)错误 解决方案
  6. MySQL优化总结-查询总条数
  7. 013---Django的分页器
  8. [BZOJ1899]Lunch 午餐(DP)
  9. ABAP 7.51 構文書き方変換について
  10. js石头剪刀布小游戏