jQuery选择器的坑 id中*号.号-号不能识别

最近做项目时遇到一个问题，想用jQuery来隐藏一个dom元素：

<div class="xh_table" id="xh_table.sub_zyc" v-tableDrag></div>

当我用id选择器来选择时候：

$("#xh_table.sub_zyc").hide()//此时并未选中此元素隐藏也因此未生效

改进方案

使用jQuery的元素选择器

$("[id='xh_table.sub_zyc']").hide()//生效

替换方案

直接使用原生js来获取

document.getElementById('xh_table.sub_zyc')