javascript - 这些js代码能简写吗?
ringa_lee
ringa_lee 2017-04-11 12:02:22
[JavaScript讨论组]
$(function() {
    $('.collapse.navbar-collapse ul li').click(function() {//菜单nuv下边距
        $(this).addClass('active-mune').siblings().removeClass('active-mune');
    });
                  
    $('.num li').click(function() {//首页主要功能模块
        $(this).addClass('num-hover-active').siblings().removeClass('num-hover-active');
    });
                  
    $('.connection-left ul li').click(function() {//联系我们页面的左边距
        $(this).addClass('active-border').siblings().removeClass('active-border');
    });
                  
    $('.page .page-list ul li').click(function() {//翻页列表
        $(this).addClass('active-bg').siblings().removeClass('active-bg');
    })
})
ringa_lee
ringa_lee

ringa_lee

全部回复(2)
伊谢尔伦

个人意见

  1. $(this).addClass('num-hover-active').siblings().removeClass('num-hover-active');
    这玩意儿为什么不自己封装小函数?

  2. 连着4次$(this),为什么不const a = $(this)

  3. 这么多.click,建议全部在外面用on委托。

PHP中文网

mune是什么鬼?

$(this).addClass('active-bg').siblings().removeClass('active-bg'); 这样的代码自己封装个jQuery扩展呗。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号