为什么我无法使用：visible selector？</option>获取<option>标签

Question

根据DOC，

  

如果元素占用文档中的空间，则认为元素是可见的。   可见元素的宽度或高度大于零。

我检查过选项标签，似乎没有设置css属性，以便忽略DOM中的空间。但是，当我使用option选择器选择:visible标签时，它没有选择任何内容。这听起来很神秘。

HTML：

<select>
    <option selected=true>test</option>
    <option>test1</option>
    <option>test2</option>
    <option>test3</option>
    <option>test4</option>
</select>

JS：

console.log($('select option:visible').length); // Length always returns 0

DEMO

任何人都可以信服地解释，这背后会发生什么。？