jQuery表单中select下拉框默认选中selected属性不起作用

<form id="test" action="" method="get">
            <!-- form表单里面的select下拉框-->
             <select name="sele" id="ss" autocomplete="off">
                 <option id = "0" value="000" >查询全部</option>
                 <option id = "1" value="111"  selected="selected">个人</option>
                 <option id = "2" value="222">公司</option>
             </select>

</form>

可以通过js进行控制

<script src="./js/jquery-3.7.1.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                //下面五种写法都可以控制被选择的选项
                //$("select").find("option[value='222']").prop("selected",true); 
                //$("select").find("option[value='222']").prop("selected","selected"); 
                //$("#ss").find("option[value='222']").attr("selected",true); 
                //$("#ss").find("option[value='222']").prop("selected","selected"); 
                //$('#ss option:eq(2)').attr('selected','selected');
            });

        </script>