jquery控制左侧菜单选中变色_xcagy的博客-程序员宅基地_jquery选中变色

技术标签: 前端  HTML  jquery  javascript  

方法1:如果是控制class,则用点

$(function(){
    $(".sub-ul li").click(function() {

        $(".sub-ul li").removeClass('selected');
        
        $(this).addClass('selected');                            // 添加当前元素的样式

    });
});

方法2:如果是用id ,则用#

<ul id="test">

    <li>OK</li>

    <li>OK</li>

    <li>OK</li>

</ul>

<style>

selected{background: #ff99cc;}

</style>

$(function(){

    $("#test li").click(function() {

        $(this).siblings('li').removeClass('selected');// 删除其他标签的样式

        $(this).addClass('selected');// 添加选中的样式               

    });

});

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ccagy/article/details/122241967

智能推荐

(一)sklearn数据预处理_HawardScut的博客-程序员宅基地

from sklearn import preprocessingimport numpy as npX_train = np.array([[ 1., -1., 2.], [ 2., 0., 0.], [ 0., 1., -1.]])1、使得均值0,方差1X_scaled = preproce...

ITRON的内存管理,中断处理,时钟管理_进击的横打的博客-程序员宅基地

内存管理任务在运行过程中对内存的需求是不断变化的不同的任务有不同的需要,OS 将内存当作一种资源来看并且在竞争的任务之间分配,这种资源就如同在竞争的任务间分配CPU 控制权一样。 概述在ITRON系统中所指的内存管理是通过对软件的内存区域进行动态的管理,也就是说在需要申请使用的时候就要确保,如果不需要的时候就进行归还的功能。 图: Memory Pool示意图在ITRON系

python 函数返回list 怎么接收_list - 如何从Python中的函数返回两个值?_爱面包的博客-程序员宅基地

list - 如何从Python中的函数返回两个值?我想从两个单独的变量中的函数返回两个值。例如:def select_choice():loop = 1row = 0while loop == 1:print('''Choose from the following options?:1. Row 12. Row 23. Row 3''')row = int(input("Which row ...

python的lib库需要下载吗_python安装lib库_weixin_39632327的博客-程序员宅基地

标签:time:2015/11/11 双十一一、初衷看到一篇帖子[1],里面有python代码,就想实现一下,代码如下:importcv2 as cvimportnumpy as npfrom matplotlib importpyplot as pltimg= cv.imread(‘Joseph_Fourier_250.jpg‘, 0)f=np.fft.fft2(img)#快速傅里叶变换算法得到...

重建rpm库_穿羊羔绒的007的博客-程序员宅基地_rpm 重建

重新建立rpm使用的数据库:rpm --rebuilddb注意:此处可能需要一点时间;重建之后,检查rpm包是否正常;rpm -qa |sort显示如下,说明重建rpm库成功了一般在安装一个软件的时候,正常情况下是秒安装好的,但是如果rpm损坏的话,安装过程就会一直卡着,直到连接中断;出现此种情况的话,需要重建rpm库;...

SiteMesh教程_鎏金岁月-Ban的博客-程序员宅基地

简介:    sitemesh应用Decorator模式,用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer,现在,在sitemesh的帮助下,我们可以开心的删掉他们了。如下

随便推点

AS中如何引用lib资源?_尹人入胜的博客-程序员宅基地

在eclipse中我们如果用so,则直接放在项目目录下的libs中即可,那么在Android Studio(AS)中加入要导入so,是不是也放在libs中就可以了呢?答案当然不是,AS的编译特点是基于gradle完成的,所以我们还要在项目目录中的app层级下的build.gradle中的android{}方法中加上以下配置:sourceSets { main {

树莓派tcp服务器性能,【树莓派3B+测评】TCP客户端&阻塞线程创建&取消_你的阿暖的博客-程序员宅基地

【树莓派3B+测评】TCP客户端&amp;阻塞线程创建&amp;取消[复制链接]本帖最后由 donatello1996 于 2018-12-19 09:30 编辑【树莓派3B+测评】TCP客户端&amp;阻塞线程创建&amp;取消在Linux系统中,TCP通信还有一个常用角色是客户端,像树莓派这种板子,经常充当从机角色连接电脑主机,在这种情况下,以客户端身份连接主机是比较易于理解且占用资源较少的做...

OpenCV—基本矩阵操作与示例_南国_之恋的博客-程序员宅基地

转载声明:本文转载自博客http://blog.csdn.net/iracer/article/details/51296631OpenCV的基本矩阵操作与示例OpenCV中的矩阵操作非常重要,本文总结了矩阵的创建、初始化以及基本矩阵操作,给出了示例代码,主要内容包括:创建与初始化矩阵加减法矩阵乘法矩阵转置矩阵求逆矩阵非零元素个数矩阵均值

Android.mk详解_It_fhao的博客-程序员宅基地

Android.mk是Android提供的一种makefile文件,用来指定诸如编译生成so库名、引用的头文件目录、需要编译的.c/.cpp文件和.a静态库文件等。要掌握jni,就必须熟练掌握Android.mk的语法规范。 一、Android.mk文件的用途 一个android子项目中会存在一个或多个Android.mk文件 1、单一的Android.mk文件 直接参考NDK

vue3 自定义全局_三叶啦的博客-程序员宅基地_vue3 自定义全局方法

文章目录和vue2对比具体案例新建 mixins文件夹main.js中导入directives.jswxjButton.vue和vue2对比具体案例新建 mixins文件夹// 自定义插件import * as directives from "./directives"import wxjButton from "./components/wxjButton/index.vue"let show = () =&gt; console.log("show")export default

【传智播客郑州校区分享】eclipse(或者STS)+git+码云的结合使用_我是楠楠的博客-程序员宅基地

【郑州校区分享】eclipse(或者STS)+git+码云的结合使用文章来源于郑州校区就业部在学到BOS_v2.0这个项目时,会教大家使用git,并且会连接在线仓库“码云”,把代码提交到“码云”上,这也是工作中团队开发必备技能,那么今天就详细来个教程,说说 eclipse(或者STS)+git+码云的结合使用。一、 在开源中国上面新建

推荐文章

热门文章

相关标签