一、JQuery在头部调用自定义js的方法：

在js文件中写

$(document).ready(function(){
    $("div").css({color:"red"})
})
相当于： 
$(function(){
    $("div").css({color:"red"})
}

二、Bom页面加载之后才会触发

window.onload=function(){
//这里写函数
}

三、区别

    <!-- 文档完全加载完毕之后执行（不包括外部的资源文件，比如图片视频音频） -->
    <script>
        $(document).ready({
        })
        // 简写为
        $(function(){
        })
        window.onload = function(){
            // 当页面和外部文件资源执行完毕之后，才执行内部的函数
        }
    </script>