Javascript 按类列出的元素数组-TypeError:$.id不是函数

我试图从共享一个类的div元素创建一个数组

div的ID是

设置菜单

，我需要存储在数组中的所有元素都共享一个

菜单选项

类。 JQuery尝试如下所示：

var options = $.id('settingsMenu').getElementsByClassName('menuOption');

当我执行包含此语句的函数时，得到的错误是：

“未捕获的TypeError:$.id不是 功能“

$.id

似乎有问题，我用错了吗

虚拟HTML：

<div id="settingsMenu">
    <input type="text" class="menuOption" />
    <input type="checkbox" class="menuOption" />
</div>

---

如果您想使用jQuery，那么您不需要使用像as这样的纯Javascript函数来访问DOM元素

您可以按如下方式重构代码：

// This will retrieve all elements with the class "menuOption" below an element 
// with ID "settingsMenu"
var options = $('#settingsMenu .menuOption');

---

我不完全确定是否会采用这种方法，也没有见过这种通过ID选择元素的方法

var options = $('#settingsMenu .menuOption');

-演示

---

请务必检查，以及在一般情况下