Javascript 选择/取消选择特定下拉选项时切换隐藏的div

大家好，我有一个简短的问题，对于有Jquery和Javascript经验的人来说应该很容易回答

我希望在表单中的下拉字段下面有一个隐藏的div。选择一个特定选项后，将显示隐藏的div。我还希望它在选择任何其他选项时消失。我将此选项用作对用户的警告，因为该选项将运行某些特定的db相关函数

有人能给我一些关于如何开始的提示吗

谢谢。

给你。（在线演示）

HTML:

什么是

$（function（）{}）做什么？
<select id="select">
    <option value="1">111</option>
    <option value="2">222</option>
    <option value="3">333</option>
</select>

<div id="warning" style="display:none">NO!!!</div>

$(function() {
    $('#select').change(function(){
        if ($(this).val() == "2") {
            $('#warning').show();
        } else {
            $('#warning').hide();
        }
    });
});