WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

JS控制li 点击li时自动加上class样式

更新时间:2021-06-08 11:08 作者:佚名点击:

JS控制li 点击li时自动加上class样式这功能一般用在导航上面比较多。

例如当鼠标移动到某个导航的选框上点击时,就显示背景样式等。


代码如下:


 

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){  
        $('.menu li a').each(function(){  
            if($($(this))[0].href==String(window.location))  
                $(this).parent().addClass('cur'); //鼠标点击后显示的class样式// 
        });  
    })  
</script>

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容