jquery - 优化 jQuery 功能

标签 jquery query-optimization

可以优化和缩小这个示例函数吗?我怎样才能做到呢?

$(function () {
    $("#options").change(function () {
        var message_index = $("#options").val();
        if (message_index == 0) {

            $("#display_image").show();
            $("#display_flash, #display_youtube, #display_google").hide();

        } else if (message_index == 1) {

            $("#display_flash").show();
            $("#display_image, #display_youtube, #display_google").hide();

        } else if (message_index == 2) {

            $("#display_youtube").show();
            $("#display_image, #display_flash, #display_google").hide();

        } else if (message_index == 3) {

            $("#display_google").show();
            $("#display_image, #display_flash, #display_youtube").hide();

        } else {

            $("#display_image, #display_flash, #display_youtube, #display_google").hide();

        }

    });

});

最佳答案

$(function () {

    var $displays = $("#display_flash, #display_youtube, #display_google, #display_image"),
        toShow = ['image','flash','youtube','google'];
    $("#options").change(function () {
        $displays.hide();
        $("#display_"+toShow[$(this).val()]).show();
    });

});

关于jquery - 优化 jQuery 功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6045178/

相关文章:

mysql - 何时在mysql表中添加索引?

javascript - 根据以编程方式确定的 HTML 属性获取特定变量的值

javascript - 如何折叠由 div 组成的 jQuery Accordion 菜单?

javascript - jQuery 调整大小功能只适用于窗口?

Jquery ui 选项卡随着大量数据而变慢

javascript - 如何让我的侧边菜单插入其他元素切换?

php - 加速mysql查询

c# - 自动排除重复项的Linq查询(单行)

django - 使用简单的 JSON 字段加速 Django 和 Postgres

postgresql - 在 PostgreSQL 中将 varchar 更改为 boolean