Javascript 如何使用jquery控制mapbox标记的可见性

在我的网站上，我有一个切换菜单，允许用户根据他们选择的任何类别过滤地图上的搜索结果

我目前的问题是，我使用jQuery函数来控制这个列表上的“全选”和“清除”函数，虽然菜单工作正常，但它不会改变地图上元素的可见性

有没有办法引用我已经在jQuery中使用javascript的函数

var reset=document.getElementsByClassName（“reset”）；
var selectall=document.getElementsByClassName（“selectall”）；
var输入=document.createElement（“输入”）；
input.type=“checkbox”；
input.id=layerID；
$（'input[type=checkbox]'）。prop（'checked'，true）；
div.appendChild（输入）；
var label=document.createElement（“标签”）；
label.setAttribute（“for”，layerID）；
label.textContent=类别；
子目录（标签）；
filterGroup.appendChild（div）；
input.addEventListener（“更改”，函数（e）{
map.setLayoutProperty(
分层的，
“可见性”，
e、 target.checked？“可见”：“无”
);
});
$（文档）.ready（函数（）{
$（“.reset”）。单击（函数（）{
$（'input[type=checkbox]'）。prop（'checked'，false）；
});
});
$（文档）.ready（函数（）{
$（“.selectall”）。单击（函数（）{
$（'input[type=checkbox]'）。prop（'checked'，true）；
});
});

前两行的结果似乎是：

var reset=document.getElementsByClassName（“reset”）；var selectall=document.getElementsByClassName（“selectall”）从未使用过。是的，很抱歉，我使用了一堆不同的函数，我从互联网上找到了这些函数，以查看哪一个函数工作得最好，因此我剩下了这两行。我试着看看是否可以有一个jquery函数来切换菜单选择的开和关，同时有一个javascript函数来控制项目在地图上的填充方式