1、清空所有，给当前添加/2、清空上一个，给当前添加。

最新推荐文章于 2024-07-25 09:24:40 发布

weixin_33824363

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量79

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gaidalou/p/7804013.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="../ajax/ajaxdemo/js/jquery-2.1.4.min.js" ></script>
        <style>
            li{width: 20px;height: 20px;margin: 0 20px;background: yellowgreen;list-style: none;padding: 0;float: left;text-align: center;color: white;}
            .active{background: yellow;}
        </style>
    </head>
    <body>
        <ul>
            <li class="active">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
    </body>
</html>
<script>
//    定义一个原来的初始的。
    var oldli=$('li')[0];
    $('li').bind('click',function(){
//        请全部给当前添加
//        $('li').removeClass('active');
//        $(this).addClass('active');
        
//        清除上一个，给当前添加
        $(oldli).removeClass('active');
        oldli=this;
        $(this).addClass('active');
    })
</script>

转载于:https://www.cnblogs.com/gaidalou/p/7804013.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33824363

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1、清空所有，给当前添加/2、清空上一个，给当前添加。

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../ajax/ajaxdemo/js/j...
复制链接

扫一扫