如何优化jQuery点击事件以及js代码

// click switch button in the middle event

// remove three phone container,dining car.init btn and original img appear

$('#room-ctrl-phone-ctrl-open-btn').click(function() {

    $('#room-ctrl-phone-container-hotel-ser').css('display', 'none');

    $('#room-ctrl-phone-container-room-ctrl').css("display", "none");

    $('#room-ctrl-phone-container-light-ctrl').css("display", "none");

    $('#room-ctrl-hotel-ser').removeClass('opacity100');

    $('#room-ctrl-hotel-ser').addClass('opacity0');

    $('#room-ctrl-original-img').removeClass('opacity0');

    $('#room-ctrl-original-img').addClass('opacity100');

    $('#room-ctrl-init-btn').removeClass('opacity0');

    $('#room-ctrl-init-btn').addClass('opacity100');

});

各位,如上面代码所示,因为感觉重复性的操作比较多,所以想将上面的代码封装或者优化以便提高代码执行效率,但是没有什么思路,希望大佬们不吝赐教,指导一下,谢谢啦


炎炎设计
浏览 432回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript