style和jquery修改样式的优先级问题

新手上路，请多包涵

问题描述

我首先把所有元素隐藏了，想在jquery里id为div4标签把他再显现，但没反映，不知道是什么原因

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1,#div2,#div3,#div4{
            display:none;
        }
    </style>
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#div4").css("display","block");
        })
    </script>
</head>
<body>
    <div>
        <div id="div1">
            id div1
            <div id="div4" class="hello" >
                第1个div
            </div>
        </div>
        <div id="div2">
            第2个div
        </div>
        <div id="div3">
            第3个div
        </div>
    </div>
    
</body>

</html>