jQuery的$(function(){...})怎么理解

Question

javascriptjquery

Answer 1

相当于$(document).ready(function(){...});的简写， 是当文档载入完毕就执行

Answer 2

查了一些资料，ready()里面就是一个函数喽，只是这里面还可以定义多个函数。然后，外面的语句是无法调用这$(document).ready(function(){...});里的函数的吧？我觉得我已经有点清楚了……

Answer 3

$(function() {
      //...
});$(document).ready(function(){
     //...
});window.onload = function() {
     //...
}
以上三种方式实现的效果应该是一样的，之前扫过一眼jq的源码，前两种是一样的，原理基本上就是对页面的加载完成状态进行了判断，而且还添加了一些自己的监听器，最后一种就是简单的页面加载完成事件；
印象中原来无聊的时候做过测试，好像优先级还真有点不一样....你可以试试，记得不是很清楚了

Answer 4

这些东东 相信许多API帮助文档都可以帮到你的

Answer 5

$(function(){
    //
});
是
$(document).ready(function(){
//
});的简写形式
等价于原生js的 
window.onload = function(){
//
}方法
window.onload 只能出现一次而$(function(){})可以出现多个 

Answer 6

查了一些资料，ready()里面就是一个函数喽，只是这里面还可以定义多个函数。然后，外面的语句是无法调用这$(document).ready(function(){...});里的函数的吧？我觉得我已经有点清楚了……对的，不污染全局

Answer 7

这个就是说等DOM加载好再运行js程序，ready嘛就是准备好的意思。比如你写的js有一个div要操作，但div没有下载下来，这时候JS找不到对应的div，就会出错。所以要ready准备好先。$(document)=页面整片文档$(document).ready()就是整篇文档的ready函数。
$(document).ready(function(){})就是ready后运行的函数，一个函数或者很多个函数。
这是规定的用法。
$(function(){...})就是简写而已，没有什么。