如何在JQuery上简化此代码?

问题描述

| 我有这样的代码:
  $(\'#messageList\').change(function() {
     var id = $(\"#messageList option:selected\").val();
     if(id <= 0) {
        $(\'#updatemessage\').hide();
        $(\'#addmessage\').show();
     } else {
        $(\'#updatemessage\').show();
        $(\'#addmessage\').hide();
     }
  });
我可以使用其他方法来简化代码,例如在JQuery中切换类似函数吗?     

解决方法

我会采用一些更通用的方法: http://jsfiddle.net/peeter/DnP8s/     ,
$(\'#messageList\').change(function() {
  var doAdd = $(this).find(\"option:selected\").val() <= 0;
  $(\'#updatemessage\').toggle(!doAdd);
  $(\'#addmessage\').toggle(doAdd);
});
    ,
// cache variables
var updatemessage = $(\'#updatemessage\');
var addmessage= $(\'#addmessage\');
var list = $(\'#messageList\');

// toggle messages 
list.change(function() {
 var id = list.find(\"option:selected\").val();
 updatemessage.toggle(id > 0);
 addmessage.toggle(id <= 0);
});
    

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...