javascript - 选择元素关闭时向选择元素添加类

Question

当通过 jQuery mousedown 事件单击 select 元素时，我正在从 select 元素中删除一个类。选择菜单关闭后如何重新添加此类？

JSFiddle http://jsfiddle.net/YvCHW/4274/

$("select.desired").mousedown(function(){
    $(this).removeClass('desired');
});

select {
   margin: 30px 10px;
    border: 1px solid #111;
   background: transparent;
   border: 1px solid #ccc;
   padding: 5px 10px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
} 
select.desired {
    font-size: 30px;
    color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<select class="desired">
    <option>Apples</option>
    <option  class="selected" selected>Pineapples</option>
    <option>Chocklate</option>
    <option>Pancakes</option>
</select>

Answer 1

愚蠢到可以工作:

$('.special').on('mousedown', function(){
        $(this).toggleClass('some');
    })
    .on('mouseup', function(){
        $(this).toggleClass('some');
    })
    .on('click', function(){
        $(this).toggleClass('some');
    });