如何在JQuery中使这段代码更简单？

Question

我有这样的代码：

  $('#messageList').change(function() {
     var id = $("#messageList option:selected").val();
     if(id <= 0) {
        $('#updatemessage').hide();
        $('#addmessage').show();
     } else {
        $('#updatemessage').show();
        $('#addmessage').hide();
     }
  });

我可以使用其他任何东西来缩短我的代码，例如在JQuery中切换函数吗？

Answer 1

$('#messageList').change(function() {
  var doAdd = $(this).find("option:selected").val() <= 0;
  $('#updatemessage').toggle(!doAdd);
  $('#addmessage').toggle(doAdd);
});

Answer 2

// 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);
});

Answer 3

我会采用更普遍的方法：

http://jsfiddle.net/peeter/DnP8s/