jq与js 一起使用时 jq不显示效果

<script type="text/javascript">

        //获取页面中所有的元素

        var elements1 = document.getElementsByTagName('div');

        elements1[0].style.border = "3px solid blue";

    </script>

    <script type="text/javascript">

        //获取页面中所有的元素

        var elements2 = $("*");

        //原生与jQuery方法比较

        //===表示数据和类型都相等

        if(elements2.length === elements1.length){

           elements2.css("border","1px solid red");

        }

    </script>