在 select2 中，为什么我必须输入 $('select'）.val(）;到 click(） 函数

你知道，我只是学习select2。我需要获取所选选项的值，我知道我应该这样做：

$('select').val();

所以我只写一个简单的问题，这样：

.HTML：

<button id="clickIt">click</button>
<p>SELECT NUMBER</p>
<select id='first'>
<option value='1'>First</option>
<option value='2'>Second</option>
<option value='3'>three</option>
</select>
<p id="set1"></p>

我还添加了Jquery和select2库。

当我写JS时，我发现这个：

$(document).ready(function(){
$("#first").select2();
//var a=$("#first").val(); // it always alert 1,so a always equals 1.
$('#clickIt').on("click",function(){
var a=$('#first').val(); // that is the resule what I want .
alert(a);
})
})

我想知道为什么var a=$（'#first'）.val（）; 放另一个位置会产生另一个效果吗？