如何在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

我有位去更普遍的做法：

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

Answer 2

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

Answer 3

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