Javascript 功能检测浏览器隐藏选择选项的功能 功能检测隐藏选择选项的能力

我想检测浏览器是否可以成功隐藏选择控件内的选项元素

我有，它会干扰页面上的实际元素：

$().ready(function() {
    var el = $("form").find("option.hide");
    var supportsHiddenOptions = el.hide().is(":hidden");
    console.log(supportsHiddenOptions);
});

<form>
    <select>
    <option val="1">Static</option>
    <option val="2" class="hide">Hide Me</option>
    </select>
</form>

$（）.ready（函数（））{
var el=$（“form”）.find（“option.hide”）；
var supportsHiddenOptions=el.hide（）.is（“：hidden”）；
console.log（supportsHiddenOptions）；
});
静止的
把我藏起来

这在某些时候起作用：MSIE11报告它不能隐藏选项元素；当前的Chrome/FF/Opera报告，他们可以

另一方面，Safari报告它可以隐藏该选项，但它不能

有没有一种方法可以检测浏览器是否可以在不操纵实际DOM元素的情况下隐藏选项元素

---

注意，显示了可以在MSIE中隐藏选项元素的方法，但我感兴趣的是检测隐藏选项元素的功能。

您可以使用来检测浏览器

如果有一种方法可以使用功能检测，则绝对不要使用浏览器检测。使用用户代理检测功能非常容易出错。我知道浏览器检测。然而，问题是关于特征检测的。