博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?...
阅读量:6757 次
发布时间:2019-06-26

本文共 435 字,大约阅读时间需要 1 分钟。

思路:点击当前li元素后是用removeClass()删除所有兄弟元素(使用siblings()获取)的class样式,然后使用addClass()为当前li添加class。

具体演示如下:

1、HTML结构:设计三个li元素

  • Glen
  • Tane
  • John

  

2、css样式:设计一个类selected,表示选中后的效果

 

3、jquery代码:

$(function(){    $("#test li").click(function() {        $(this).siblings('li').removeClass('selected');  // 删除其他兄弟元素的样式        $(this).addClass('selected');                            // 添加当前元素的样式    });});

 

4、效果演示:

 

转载地址:http://wefeo.baihongyu.com/

你可能感兴趣的文章
函数模板的使用说明
查看>>
【phpcms-v9】前台content模块中pc标签的调用说明
查看>>
iframe如何刷新的三种解决方案
查看>>
Unity通过Jar包调用Android
查看>>
vue-swiper的使用
查看>>
Ubuntu10.04上apache2: bad user name ${APACHE_RUN_USER}问题解决
查看>>
leetcode每日刷题计划-简单篇day5
查看>>
C语言学习-简介
查看>>
gradle下载及配置
查看>>
maven中央仓库、远程仓库地址
查看>>
PRD
查看>>
JAVASCRIPT 转换字符串杂记
查看>>
【无私分享:从入门到精通ASP.NET MVC】从0开始,一起搭框架、做项目(7.1) 模块管理,验证权限,展示模块列表...
查看>>
jquery鼠标悬停事件hover()
查看>>
hql查询语句 内存中的情况,fetch迫切查询关键字
查看>>
RabbitMQ安装,Windows下
查看>>
0415评论博客
查看>>
CSAPP buffer lab记录——IA32版本
查看>>
Hyperledger fabric多机的环境部署
查看>>
关于sqlserver2008 bcp根据数据表导出xml格式文件的小记
查看>>