javascript - 如何减少Document.getelementbyid

Question

这里的代码包含大量document.getelementbyid，用于简化列表框，以便在单击JavaScript中的单选按钮时显示和隐藏，现在我正在尝试减少代码，但作为jquery的初学者一路学习，有人能帮助减少 jquery 中的这种情况吗？

<script language="JavaScript" type="text/javascript">
function fun(s) {
    /* table 1 */
    if (s == "maingroup") {
        document.getElementById("subgroup").value = null;
        document.getElementById("itemname").value = null;

        document.getElementById("subgroup_value").value = null;
        document.getElementById("itemname_value").value = null;

        document.getElementById("maingroup").style.display = '';
        document.getElementById("subgroup").style.display = 'none';
        document.getElementById("itemname").style.display = 'none';
    }
}
<script>

JSFIDDLE

Answer 1

 $("#subgroup,#itemname,#subgroup_value,#itemname_value").val('');
 $("#maingroup,#subgroup,#itemname").hide();